Vue---push数组视图不更新

记录一下自己的奇葩操作

let from ={};
//给表单增加一个空数组
from.list = []
from.list.push({id:'1',name:''})
this.$forceUpdate()

当时增加以后视图没有更新,没多想,直接反手一个this.$forceUpdate(),视图更新了

但是新问题出现了,在增加的视图里面编辑数据无法赋值

突然意识到深层次的数组没有被监听到,被自己蠢笑了,为了让vue监听深层次的数据变化,要用this.$set()

this.$set(from,'list',[])

如果你通过push shift pop 等数组方法更改数组,视图还没有更新,大概率你定义的数组没有被深层次监听,可以通过这个思路去排查问题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值