在JS中数组内部值的变化不触发视图更新的浅谈

问题:

因为Vue的中使用的getter和setter并不会在深层的值上设置,也就是数组的具体每个数值并没有绑定getter和setter,所以在数组内部值改变的时候没有触发视图的更新。

解决方案:

在vue文件中可以使用$set设置数组的值,来绑定setter,就会触发视图的更新了。

代码如下:
    this.$set(list, index, listValue)
参数说明:

list: 需要更新的数组
index: 需要更新的数组内部值的索引
listValue: 更新后的值

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 13,806评论 1 32
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 12,036评论 0 25
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,465评论 0 29
  • 主要还是自己看的,所有内容来自官方文档。 介绍 Vue.js 是什么 Vue (读音 /vjuː/,类似于 vie...
    Leonzai阅读 8,676评论 0 25
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 13,280评论 1 52