今天维护一个项目,原本用的是template模板引擎渲染表格数据,我将它改成用Vue.js渲染数据,但是发现原来用的footable.min.js控制行数据显示及隐藏的插件失效了。
经过研究发现,跟Vue的响应式机制有关,Vue并不是数据变化,DOM就立即变化,而是按一定的运行机制进行DOM的更新。这个时候就要用到$nextTick方法了,在修改数据之后使用 $nextTick,就可以在回调中获取更新后的 DOM。
_this.$nextTick(function () {
$('.footable').footable();
});
本文探讨了从template模板引擎切换到Vue.js渲染数据时遇到的footable.min.js插件失效问题。通过分析Vue的响应式机制,作者发现需使用$nextTick方法确保DOM更新后插件正确执行。

被折叠的 条评论
为什么被折叠?



