vue数据多层嵌套导致数据更新,页面不更新

没有用vue-cli的方式,只是用script的src引入vue.js
当多层数据嵌套时,使用v-for监听数据,会导致数组push了新元素,但是页面不更新的情况,反而重新让div重新v-show一下,界面内容刷新了,我最后不得不使用一个temp数据,复制多层嵌套里面的需要加载的数据,虽然解决了问题,但是,我对于vue的了解和学习不太深入,所以想问一下,遇到这种多层嵌套数据,并且需要监听里面的某个数组或者对象的时候,有什么比较好的思路,或者解决方案?如果还能解释一下,为什么不能监听多层嵌套数据的原因的话,就更好了。

阅读 9.6k
3 个回答

在watch里写试试,不懂得看下api

vue 的响应式是支持多层数据嵌套的,数组的 push 操作也是支持响应式的。
重新让 div v-show 一下,界面内容刷新,有可能和 Vue 的 DOM 更新机制有关,vue 的页面更新是放在 nextTick 中做的。

楼主说的页面不更新的情况,能否给出具体的实例代码?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题