为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

幕布斯7119047 2019-03-14 18:15:04
问题是这样的,使用v-for渲染一组数据的时候,后台会给我返回一个时间戳的字段,我需要将时间戳整理后开始页面倒计时,现在数据能在控制台打印出来,但是页面没有同步更新渲染,贴一下代码和运行效果:
查看完整描述

3 回答

?
一只斗牛犬

TA贡献1784条经验 获得超2个赞

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

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


查看完整回答
反对 回复 2019-04-07
?
泛舟湖上清波郎朗

TA贡献1818条经验 获得超3个赞

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


查看完整回答
反对 回复 2019-04-07
?
HUH函数

TA贡献1836条经验 获得超4个赞

this.$nextTick试看看


查看完整回答
反对 回复 2019-04-07
  • 3 回答
  • 0 关注
  • 1604 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信