Vue --》this.$set()的神奇用法

作为一名开发者,我们都知道:

  data中数据,都是响应式。也就是说,如果操作data中的数据,视图会实时更新;

  但在实际开发中,遇到过一个坑:若data中数据类型较为复杂,方法methods中改变对象的属性,视图也就是页面并不会改变

   原因是vue监听不到数据类型特别复杂的属性。

研究了一下  可以使用this.$set()来进行强制更新,进而解决问题

 对象操作:

 三个参数:this.$set("改变的对象","改变的对象属性","值")

 数组操作:

 

  三个参数:this.$set("数组","下标","值")

 

  

posted @ 2019-10-17 09:58  我是一名好程序员  阅读(5089)  评论(1编辑  收藏  举报