ElementUI - 表格组件（el-table）数据发生改变时视图不刷新渲染问题解决方案

前言

mqtt 做实时数据传输页面时，发现 数据变了但视图没变。

el-table 表格组件，每次只能监听整个 row 的变化，仅是 row 中某个属性变化无法追踪（需要重新给 table 中的某一行赋值）。

解决方案

vue.set() API（官方文档）：https://cn.vuejs.org/v2/api/#Vue-set

使用 vue.$set() 方法，触发视图更新即可。

/*
 * target: 要更改的数据源(可以是对象或者数组)
 * key：要更改的具体数据
 * value ：重新赋的值
 */
this.$set(target, key, value )

具体情况，还要根据业务逻辑完成。