问题描述:
目前在做一个物联网设备相关的项目,设备端点击按钮或者输入框修改了状态或者数据之后,后台数据是变化了。但是我的前端页面并没有实时更新dom,依然是修改之前的数据。必须手动刷新之后才会同步数据。
问题分析:
代码中读取数据用的是轮询获取的方式,按理是应该实时更新的。但是声明的deviceData数据变量是计算属性(computed),后来看计算属性属于懒加载,数据不改变不会重新加载数据。但是我在设备端改变数据了啊,估计是在设备端改变数据而不是在前端手动改变数据他监测不到吧?具体我也不清楚,希望大佬给我解答一下。
问题解决:
所以我考虑是因为计算属性的问题,对应搜索计算属性相关的解决办法。看到一篇文章说计算属性不更新什么的(https://deepinout.com/vue-js/vue-js-question