关于vue数值改变进不了watch监听事件,以及vue数据改变不渲染问题。

vue数值改变进不了监听以及渲染问题。

vue官方中说明了侦听数组的改变方法,若是使用索引去改变数组的参数则不会触发vue的watch事件以及渲染。例如↓

1.通过索引直接设置数组的某个值,
this.objArr[index] = newValue;
2.通过索引直接设置数组中对象的某个属性,
this.objArr[index].pro = newValue;
3.通过修改数组的长度,
this.objArr.length = newLength;
以上三种情况都是不会触发vue的监听以及渲染的。

解决方法

官方文档中说明了:改变vue变更方法
一共有七种,都会进入watch以及触发vue视图更新。
Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括:

举个例子

如下
this.arr[index] = newValue;通过索引直接设置数组的某个值,是不会触发watch以及视图更新。
那我们就用他给的方法:splice()
splice()的使用方法我放在最后,若有不会的可提供参考。

this.arr.splice(index,1,newValue) //这样就会触发vue的watch以及视图的更新。

splice()的使用方法
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值