您的位置:首页 > Web前端 > Vue.js

vue.js渲染数据后使用footable.js无效的问题

2018-10-29 17:03 295 查看

今天维护一个项目,原本用的是template模板引擎渲染表格数据,我将它改成用Vue.js渲染数据,但是发现原来用的footable.min.js控制行数据显示及隐藏的插件失效了。

经过研究发现,跟Vue的响应式机制有关,Vue并不是数据变化,DOM就立即变化,而是按一定的运行机制进行DOM的更新。这个时候就要用到$nextTick方法了,在修改数据之后使用 $nextTick,就可以在回调中获取更新后的 DOM。

[code]_this.$nextTick(function () {
$('.footable').footable();
});

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: