Vue检测属性变化注意事项

文章目錄

在用Vue写前端时，看到同事写的代码里

this.subnetIps[String(subnet_id)] = ''
this.subnetIps[String(subnet_id)] = ips

觉得很奇怪，为什么要先置空，再赋值？尝试把this.subnetIps[String(subnet_id)] = ''去掉后，发现前端的值不会发生变化。于是看Vue文档，在检测变化的注意事项里提到这是由于Javascript语言的缺陷造成的。文档里提到可以使用$set方法，于是把两条语句改成this.$set(this.subnetIps, String(subnet_id), ips)