求助， vue 轮询请求更新数据渲染时闪烁

[SanGo]

我遇到一个问题，做一个监控平台，采用轮询请求更新 data，但是由于相关联的视图试用 vfor 渲染的，更新视图时会导致闪烁更新，搜过狗哥也没解决方案，还请大佬们指点一下

[crs0910]

https://codesandbox.io/embed/vue-template-04scm

[liuy1994g]

求求你打开控制台看看 network 到底发了多少个请求吧。
你在 watch 里面对每一项都重新取值了。

[SanGo]

@liuy1994g #34 说了

[crs0910]

你可以不用 watch，第一级拿完直接拿第二级返回完整数据不就得了。我看你都不关心 id 是不是变了，每次都是拿的全量新数据。那就直接都拿完拼完呗。

[no1xsyzy]

@SanGo 还有一种就是把 CTI 和 Trunk 分开存两个属性里，分别更新。
但那样其实就是自己手工写一个简陋、粗糙、残缺、低效的关系型数据库。
为什么不让后端做？一件事多个接口还不是做成 RESTful 的。
graphQL 或者 RESTful 你总得选一个。

[SanGo]

@no1xsyzy 后端表示反正给我了....然后就 emmm，graphQL 我看一看如何处理，谢谢解答

[a4854857]

看了楼上的你的渲染数据如果是两个接口的数据拼成的. 你用 promise.all 保证一次两个请求都返回值了再更新数据不就好了..