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

在请求的数据中更改了数据源,dom上的数据没有变化;
图片描述

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

但是我的列表内容没有刷最新的
图片描述

我的数据是这样处理的。

回答:

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

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

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

对象的话,应该这么用:

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

针对数组的方法:

图片描述

回答:

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

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

回答:

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

回答:

提供的信息太少。。。。

回答:

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

回答:

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

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注