Maison >interface Web >js tutoriel >Vue.js 跟踪对象新增属性

Vue.js 跟踪对象新增属性

高洛峰
高洛峰original
2016-10-15 10:25:351521parcourir

Vue 是可以跟踪普通对象变化的.

<ul id="repeat-object" class="demo">
  <li v-for="value in object">
    {{ $key }} : {{ value }}  </li></ul>

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

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

obj[&#39;addProp&#39;] = &#39;abcd&#39;

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

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

this.$set("obj[&#39;addProp&#39;]", &#39;abcd&#39;)


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn