鍍金池/ 問答/HTML/ 在vue.js中，每隔5秒需要刷新一次接口，刷新接口的時候如果有新數(shù)據(jù)，就加在下

在vue.js中，每隔5秒需要刷新一次接口，刷新接口的時候如果有新數(shù)據(jù)，就加在下面，如果沒有新數(shù)據(jù)那還是個數(shù)據(jù)，怎么實現(xiàn)？

在vue.js中，每隔5秒需要刷新一次接口，刷新接口的時候如果有新數(shù)據(jù)，就加在下面，如果沒有新數(shù)據(jù)那還是個數(shù)據(jù)，怎么實現(xiàn)？(有了數(shù)據(jù)dome也跟著跟新)
頁面的效果是這樣的

clipboard.png

每一個粉色的都是一個對象

數(shù)據(jù)結構是這樣的

clipboard.png

每隔5秒刷新一次，每次刷新如果有新數(shù)據(jù)的話直接添加在數(shù)組里面(觸發(fā)dome的更新)，沒有新數(shù)據(jù)的話，還是原來的樣子，問下怎么實現(xiàn)呢？
如果沒有新數(shù)據(jù)的話

clipboard.png

有了新數(shù)據(jù)下標由原來的0 1 增加 2 3
問下怎么實現(xiàn)呢？

回答
編輯回答
魚梓

哥們，這個頁面遇到不少問題啊，加個定時器，一直執(zhí)行某個方法，然后用下面這種方法添加進數(shù)據(jù)
clipboard.png

2017年3月24日 15:00
編輯回答
幼梔
let _this = this
let timer = setInterval(()=>{
    axios.get(url,(res)=>{
        // TODO 返回結果的判斷
        ...
        _this.list.push(res)
    })
},500)

vue能夠在push，shift，unshift等方法時響應

2018年4月18日 00:44