欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Vue.js 跟踪对象新增属性

程序员文章站 2022-04-12 13:48:36
...
Vue 是可以跟踪普通对象变化的.

  • {{ $key }} : {{ value }}

在遍历对象时,是按 Object.keys() 的结果遍历,但是不能保证它的结果在不同的 JavaScript 引擎下是一致的。

但是如果你想动态的增加一个属性.比如

obj['addProp'] = 'abcd'

vue 是没有办法跟踪对象的变化的.

这时应该使用$set方法.让 Vue 建立跟踪.第一个参数是取值表达式,第二个是要设定的值.

this.$set("obj['addProp']", 'abcd')