vue中使用定时器倒计时，如何实现页面时间实时渲染

Question

问题是这样的，使用v-for渲染一组数据的时候，后台会给我返回一个时间戳的字段，我需要将时间戳整理后开始页面倒计时，现在数据能在控制台打印出来，但是页面没有同步更新渲染，贴一下代码和运行效果：

Answer 1

不要操作原数组，返回一个新数组。

vue的diff是浅比较，也就说对于vue来说，你this.orderLists一直没更新，所以vue不会重新渲染页面

Answer 2

vue源码中，只有操作Array的 push()、pop()、shift()、unshift()、splice()、sort()、reverse() 这几个方法，才会触发试图更新，所以，你的上述操作，不会触发试图更新，所以不会重新渲染页面

Answer 3

this.$nextTick试看看

Answer 4

兄弟能指导一下吗，我们后台给返回的是开始时间，固定5分钟失效， 在setInterval里面回调函数返回不出来 ，帮解决下 可以吗