this.$set用法

Vue里data中数据都是响应式。也就是说,如果操作data中的数据,视图会实时更新。
 但在实际开发中,遇到过一个坑:若data中数据类型较为复杂,方法methods中改变对象的属性,视图也就是页面并不会改变
原因是vue监听不到数据类型特别复杂的属性。 可以使用this.$set()来进行强制更新,进而解决问题
对象操作: 三个参数:this.$set("改变的对象","改变的对象属性","值")
数组操作: 三个参数:this.$set("数组","下标","值")

示例: 

共有 0 条评论

沙发空余