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的时候出错了。)出错。