当前位置: 首页 > Web前端 > HTML5

vue数据更新问题及应用

时间:2023-04-05 15:07:47 HTML5

出现这个问题的原因是数据虽然更新了,但实际上并没有被Vue监控到。其实网上有很多解决办法。最方便的方法是重新分配数组。当然,这是方法。只适用于你的数据量比较小,数据没有分页的情况。我这里用这个。$set这个方法有三个参数targetkeyvalue,分别是要改变的数据(对象或数组)和要改变的key(数组的时候是下标)改变的值。我这里的业务逻辑是有一个订单状态需要用websocket来更新每个状态下的商品数量。使用循环为状态对象赋值for(letiinthis.orderStatus){letnum=res.data[i]this.$set(this.orderStatus[i],'num',num)}所以vue可以监听更新最终效果是这样的