vue或者uniapp修改数据后页面不重新渲染

Dread_lxy2024-02-29 12:05

1.数据是对象

通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染

复制代码

this.items=JSON.parse(JSON.stringify(this.items));

2.数据是数组

this.$set 方法，可以显式地告诉Vue，某个属性的值已经发生了变化，从而触发视图的更新

复制代码

let arr = [
    {name:'lxy',age:16},
    {name:'zzf',age:13},
    {name:'zp',age:17}
]
const obj = {name:'aaa',age:11},

//arr是修改的数组  index是修改的索引  obj是修改的数据

this.$set(arr,1,obj)

//打印结果
[
    {name:'lxy',age:16},
    {name:'aaa',age:11},
    {name:'zp',age:17}
]