鍍金池/ 問答/Linux  HTML/ vue中使用定時器倒計時，如何實現(xiàn)頁面時間實時渲染

vue中使用定時器倒計時，如何實現(xiàn)頁面時間實時渲染

問題是這樣的，使用v-for渲染一組數(shù)據(jù)的時候，后臺會給我返回一個時間戳的字段，我需要將時間戳整理后開始頁面倒計時，現(xiàn)在數(shù)據(jù)能在控制臺打印出來，但是頁面沒有同步更新渲染，貼一下代碼和運行效果：

clipboard.png

clipboard.png

clipboard.png

clipboard.png

回答
編輯回答
乖乖瀦

this.$nextTick試看看

2017年10月18日 01:29
編輯回答
命多硬

vue源碼中，只有操作Array的 push()、pop()、shift()、unshift()、splice()、sort()、reverse() 這幾個方法，才會觸發(fā)試圖更新，所以，你的上述操作，不會觸發(fā)試圖更新，所以不會重新渲染頁面

2018年9月18日 11:55
編輯回答
溫衫

不要操作原數(shù)組，返回一個新數(shù)組。

vue的diff是淺比較，也就說對于vue來說，你this.orderLists一直沒更新，所以vue不會重新渲染頁面

2018年1月2日 07:42