vue 数据改变但是视图没更新

Posted gionlee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 数据改变但是视图没更新相关的知识,希望对你有一定的参考价值。

在使用过程中会出现数据改变但是视图没有更新的情况(类型数组或者对象),这里我们就需要用到 $set

如果是对象类型:

this.$set(this.userInfo, ‘name‘, ‘gionlee‘);

其中this.userInfo 为变量名称, ‘name‘ 为对象的key,‘gionlee‘为name对应的值。

如果是数组类型:

this.$set(this.arr, 0, ‘gionlee‘);

其中this.arr 为数组,0 为 this.arr 对象的下标值,‘gionlee‘为arr[0]对应的值。

详情可以看:官方提供的API

以上是关于vue 数据改变但是视图没更新的主要内容,如果未能解决你的问题,请参考以下文章

解决vue中对象属性改变视图不更新的问题

vue中数据已经改变了,但是table里面内容没更新渲染

解决vue中修改了数据但视图无法更新的情况

vue中nextTick的理解

Vue数据绑定原理及简单实现

vue数据data中数组值改变不会更新视图解决