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

vue数据更新问题及应用

时间:2023-03-27 10:44:05 JavaScript

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