vue-this.$set用法以及使用场景

概念

• 若data中数据类型较为复杂，方法methods中改变对象的属性，视图也就是页面并不会改变

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

解决方案

• 可以使用 this.$set来进行强制更新，解决问题

• 对象操作：this.$set("改变的对象"，"改变的对象属性"，"值")

• 数组操作：this.$set("数组","下标","值")

使用场景

如果不用this.$set,修改数据后，ui是不会刷新的

1.添加维修记录时，在失去焦点时，查询到上一次维修的问题和维修时间。

直接赋值，视图没有更新，数据没有回显。

总结：

经过这一趟流程下来相信你也对 vue-this.$set用法以及使用场景 有了初步的深刻印象，但在实际开发中我 们遇到的情况肯定是不一样的，所以我们要理解它的原理，万变不离其宗。加油，打工人！

什么不足的地方请大家指出谢谢 -- 風过无痕