在vue.js中,每隔5秒需要刷新一次接口,刷新接口的时候如果有新数据,就加在下面,如果没有新数据

在vue.js中,每隔5秒需要刷新一次接口,刷新接口的时候如果有新数据,就加在下面,如果没有新数据那还是个数据,怎么实现?(有了数据dome也跟着跟新)
页面的效果是这样的

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

每一个粉色的都是一个对象

数据结构是这样的

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

每隔5秒刷新一次,每次刷新如果有新数据的话直接添加在数组里面(触发dome的更新),没有新数据的话,还是原来的样子,问下怎么实现呢?
如果没有新数据的话

https://img2.mukewang.com/5c8b0dc20001967d05840180.jpg

有了新数据下标由原来的0 1 增加 2 3 
问下怎么实现呢?


阿波罗的战车
浏览 10404回答 2
2回答

德玛西亚99

哥们,这个页面遇到不少问题啊,加个定时器,一直执行某个方法,然后用下面这种方法添加进数据

HUX布斯

let _this = thislet timer = setInterval(()=>{    axios.get(url,(res)=>{        // TODO 返回结果的判断        ...        _this.list.push(res)    })},500)vue能够在push,shift,unshift等方法时响应
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript