当前位置: 首页 > Web前端 > vue.js

当更新状态值中的对象或数组时(数组中的值是一个对象),视图不更新,当vue的数据中已经声明或赋值的对象或数组时使用Vue.set

时间:2023-03-31 18:48:00 vue.js

(数组中的值是一个对象),给对象添加一个新的属性,如果更新了这个属性的值,视图将不会更新。data(){return{items:[{message:"one",id:"1"},{message:"two",id:"2"},{message:"three",id:"3"}]}},this.items[0]={message:'first',id:'4'}//此时对象的值发生了变化,但是view还没有更新//letart={message:'first',id:"4"}//this.$set(this.items,0,art)//$set可以触发更新视图调用方法:Vue.set(target,key,value)target:要改变的数据源(可以是对象或数组)key具体要改变的数据(index)value重新赋值