vue datatables 实现动态刷新

匿名 (未验证) 提交于 2019-12-03 00:34:01

需求描述:最近需要写一个界面,主要功能是实现模态框的动态刷新

问题:可是涉及到自动刷新就有问题了,因为每次获取数据都是全量数据,用dataTable组装表格的话,页面会一直一直闪!里面绘制的表格会不断出现异常


如图这个是我做好的动态刷新,下面的请求是每隔5秒刷新一次,解决问题的主要方法如下(最终解决方法是在datatables的API 中找到的):


主要方法是:我们再刷新的的时候,得到数据后先把databases的表格中的数据先清空,然后再把API得到的数据再绘制。

清空数据使用:self.table.clear

self.table..add().drawhttps://datatables.net/reference/api/rows.add()

            
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!