vue 数组或对象改变时视图不更新

数组或对象改变vue视图不更新

解决方式一 适用js可改变自身的原生数组方法

  • push
  • pop
  • shift
  • unshift
  • sort
  • reverse
  • splice

函数具体使用方法可以参考 这篇博客,注意只能使用可改变原数组的方法,如果是生成新数组或者没有改变原数组,vue监听不到。如join、map等等,尽量使用push等方法。

解决方式二 vue提供的api

Vue.set(vm.items, indexOfItem, newValue)

实验图:
实验了两种方式改变数组和一种方式改变对像

下边真的可以不看 -----

想学习一些前端的书籍吗,我都帮你整理好啦!评论打出你想读的书,给你最全的笔记干货
超级全的前端知识,面试必备、系统复习必备哟哟哟

有想法评论提出哈,欢迎交流,小编也是渣渣一枚呢~一起进步呗

这次真的可以不看 -----

点个收藏呗,要不赞一个呗,小编手都敲累了,但还是持续加更呢~

猜你喜欢

转载自blog.csdn.net/qq_36049117/article/details/106767172