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(); });
相关文章推荐
- vue.js中使用axios数据请求遇到的问题这篇文章帮你妥妥的解决
- 解决vue.js 数据渲染成功仍报错的问题
- 解决使用Vue.js显示数据的时,页面闪现原始代码的问题
- vue.js中使用vueResource向后台请求数据时出现跨域访问失败的问题
- vue.js 数据渲染成功仍报错的问题
- Vue.js v-bind遇到的数据渲染问题
- Vue.js使用props传递数据驼峰式与短横线隔
- 用v-html解决Vue.js渲染中html标签不被解析的问题
- 使用vue-cli脚手架 与 axios 请求数据 配置代理进行跨域访问数据问题
- 用Vue.js往前端填充数据时遇到的问题
- Vue.js搭建移动端购物车界面-基本结构和数据渲染
- 在Vue中使用sortable.js实现拖动效果并保存拖动数据
- 解决vue.js this.$router.push无效的问题
- 过滤器案例之编码问题处理、代理对象的使用、过滤器案例之无效数据的过滤
- vue.js使用手记——打包之后静态资源失效404问题
- 使用vue.js的Input和下拉选select应该注意的问题
- vue使用axios跨域请求数据问题详解
- vue项目中使用ztree树形插件,ztree请求后台数据渲染Dom
- vue(数据改变,DOM不渲染问题)
- 解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题