vue数据源数组更新，dom上的数据不更新

Question

在请求的数据中更改了数据源，dom上的数据没有变化；

如图，最新的数据源里面的最新的一条数据是叫“看数据”的字符串，

但是我的列表内容没有刷最新的

我的数据是这样处理的。

Answer 1

vue监听不到深层次的对象属性或者数组值的改变，
也就是说，如果你的Vue实例的data中，有一个属性的值是一个对象，那你用js改这个对象的属性值时，vue是监听不到的。

//使用js改b的值，不起作用
data:{
    a:{
        b:'1'
    }
}

可以使用官方文档的方法试试：链接描述

对象的话，应该这么用：

this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })

针对数组的方法：

Answer 2

你把你定义的全局数组 深拷贝一下

this.list = JSON.parse(JSON.stringify(this.list))

Answer 3

这个问题没法给你回答，贴代码

Answer 4

提供的信息太少。。。。

Answer 5

你是在哪里改变的源数组？是不是通过prop获取的数组

Answer 6

同一楼所说，vue监听不到深层次的对象属性或者数组值的改变，具体可看vue官方Api。

不过可以使用 Vue.set(obj, key, value)，如果是数组的话，可以使用arrayObject.splice(index,howmany,item1,.....,itemX)方法