vuejs - 如何渲染object, array 中的内容(make object/array reactable )

访问量: 1034

参考:https://vuejs.org/2016/02/06/common-gotchas/

https://stackoverflow.com/questions/42807888/vuejs-and-vue-set-update-array

1. vue 不会察觉 array的变动 (元素的增减)

2. vue 不会察觉hash的变动(key 的增减)

3. array, hash 都需要预先定义在 data中,例如 data: () function { 
return {   my_hash: ...  my_array: ... }  }

然后,我们在初始化这个array, hash的时候,需要告知vue, 这个变量已经变化了,你的component / 视图内容也要变化:

Vue.set(my_hash, "id", 3)

Vue.set(my_array, 1, "foo")

这样的话,vue就能自动刷新页面了。 

否则会在 视图层(我是遇到了form循环渲染一个array object的时候出错了。)出错。

订阅/RSS Feed

Subscribe