当前位置: 首页 > 工具软件 > FooTable > 使用案例 >

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

盖翰池
2023-12-01

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

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

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

 

 类似资料: