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

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

https://img4.mukewang.com/5ca987930001663e08000221.jpg

https://img.mukewang.com/5ca987950001118907720391.jpg

https://img4.mukewang.com/5ca9879500014c3003640395.jpg

https://img3.mukewang.com/5ca9879e00013d0f04520511.jpg

幕布斯7119047
浏览 1605回答 3
3回答

一只斗牛犬

不要操作原数组,返回一个新数组。vue的diff是浅比较,也就说对于vue来说,你this.orderLists一直没更新,所以vue不会重新渲染页面

泛舟湖上清波郎朗

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

HUH函数

this.$nextTick试看看
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript