关于前端vue的问题

有这样一个问题就是我alert this.list[1].id能出来id，但是我拿来赋值前端网页调试就是说什么不能读取id属性这是为什么呢，我的集合是后端返回的一条条数据的那种

看看代码

把后端返回的数据打印出来看看，查看后端返回的数据具体是在哪一个对象中，在从该对象取值。

还是写错了

这是因为this.list[1].id可以在Vue实例内部访问到,但是在调试控制台中却访问不到。这是由Vue的响应性系统所致。Vue会在初始化实例时对data option中的数据进行代理,xn--this-955fj8apky9zjsh40lf41ay34hniao71k.data.xxx。但是这个代理只存在于Vue实例内部,在控制台中是访问不到的。
因此,如果你需要在控制台中访问Vue实例的数据,有两种方法:

1. 在网页控制台中访问vm.$data.list[1].id,而不是this.list[1].id。vm代表Vue实例,vm.$data可以访问原始数据。
2. 在调试控制台内使用Vue.nextTick(callback),在callback中访问this.list[1].id。这是因为Vue.nextTick()会在DOM更新后执行回调函数,此时this.list[1].id已经由响应系统处理,可以正常访问了。
   代码示例:

var vm = new Vue({
  data: {
    list: [
      { id: 1 },
      { id: 2 }
    ]
  }
})

// In web console
vm.$data.list[1].id

Vue.nextTick(() => {
  this.list[1].id // Accessible here
})

你是不是alert跟 底下的赋值都写了那样的话只有你alert确认之后才会去执行下面的代码