Vuejs Apollo 我在检索数组中的 id 时遇到问题

Question

我正在使用 apollo 和 Vuejs 的突变从我的日历中删除一个事件条目。我需要在数组中检索事件 ID。


    deleteEvent: function () {
      this.$apollo
        .mutate({
          mutation: MUTATION_entreePlanningDelete,
          variable: {
            id: this.id,
          },
        })

        .then((data) => {
          console.log(data);
        });
    },

在这个函数中我呼吁突变请求。

这是我的数组（这个名字：evenements），我们可以看到id。你能告诉我如何找回它吗？

Answer 1

试试这两个选项：

第一个索引

console.log(data[0].id);

或者如果它给出未定义或其他东西

然后尝试直接从对象中抓取它

let { id } = data[0];
console.log(id);

没有索引也可以试试

Answer 2

我测试了这个选项：

console.log(evenements[0].id);

我得到了 id，我已经测试了你的第二个选项

let { idEvent } = evenements[0].id; console.log(idEvent);

idEvent 未定义，但在这个版本中没问题

让idEvent = evenements[0].id; console.log(idEvent);

即使它是一个数组，但不可能在其他地方恢复它的值

Answer 3

我解决了我的问题

我没有注意，我们只需要在日历中选择的事件中输入 event = 参数以添加 .id 表示检索事件 ID。

           here is what had to be done on the template side

  <v-btn text @click="deleteEvent(selectedEvent)"> Effacer </v-btn>


          and here is what had to be done in the delete function



deleteEvent: function (event) {

  this.$apollo
    .mutate({
      mutation: MUTATION_entreePlanningDelete,
      variables: {
        id: event.id,
      },
      refetchQueries: [{ query: QUERY_entreesPlanning }]
    })

    .then((data) => {
      console.log(data);
    });
},

Vuejs Apollo 我在检索数组中的 id 时遇到问题

Vuejs Apollo I have a problem to retrieve an id in array

vue.js

vue-apollo