listvue删除后页面渲染_关于vue数组中对象属性变更页面没重新渲染的问题

前段时间做开发的时候用mqtt监听了服务端信息&＃xff0c;推送过来的数据要变更数组里面的对象的数据&＃xff0c;修改好后但是页面并没有更新&＃xff0c;因为Javascript机制&＃xff0c;vue并不能检测到数组变化&＃xff0c;也是查阅知道了$set()函数,

具体用法&＃xff1a;

arr.$set(index, { name : value }), index: 索引&＃xff0c;name: 数组中对象的属性名, value: 要赋给属性的值

this.footerList.$set(i, {

siteId : monitorSiteData[j].siteId,

outNum : monitorSiteData[j].outNo,

bookNum : monitorSiteData[j].preorderNo,

useNum : monitorSiteData[j].availableNo,

onlineNum : monitorSiteData[j].prepareNo,

homeNum : monitorSiteData[j].inNo,

name : self.footerList[i].name

});这是我在项目中使用的情况&＃xff0c;完美解决vue数组中对象属性改变页面不刷新的问题&＃xff01;

请大家多多指教