this.$set()的使用

172 阅读1分钟

vue中this.$$set()可以解决vue data中数据嵌套过深无法在页面显示,也是就我们常说的回显问题。(data中的数据过于复杂,当在methods中改变时,页面无法及时更新)。 总的使用形式为this.$set(target,key,value) 其中:target为我们需要改变的目标值(可以为对象或数组),key分为两种情况(当target为数组时key为数组的索引,当target为对象时key为改变的对象属性),value重新赋的值。

  1. 第一种:target为数组

image.png

image.png 可以看到打印出来的值已经改变

  1. 第二种:target为对象

image.png

image.png

第二种需要注意我们使用key是需要''包裹起来

this.$set是绑定在vue原型上的,只有vue框架才能使用。