关于vue 数组在数组长度不变的情况下,界面不会刷新

数组在长度不变的前提下通过索引修改内容,视图不会自动更新

原因:当在vue对象的data定义变量时,vue内部会自动生成这个变量的set和get函数,set函数用于把data中的数据渲染到视图上,更新视图,get函数用于把视图上的数据读取出来,并赋值给data数据当data数据发生变化时,会调用对应的set函数,更新视图,把新数据显示出来。
但是,当使用索引修改数组时,并不会触发set事件,也就不会调用set函数,视图就不会更新,此时可以使用this.$set()手动调用set函数,更新视图

解决方案 :

  1. 通过索引修改数据时,通过其他数据的更新,顺带把数组的数据刷新到视图上(如果有其它数据可以使用)
  2. 使用视图强制更新(不建议,强制更新会刷新所有dom浪费性能)
this.$forceUpdate()
  1. 手动调用vue内部的更新函数,更新数组
<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值