解决vue中虚拟dom,无法实时更新的问题
程序员文章站
2022-04-21 08:16:09
碰到的问题:使用jq获取元素节点的个数时一直为0
解决方法:使用vue的nexttick()函数即可解决
原理:nexttick可以在下一次更新dom之后进行回调,我的...
碰到的问题:使用jq获取元素节点的个数时一直为0
解决方法:使用vue的nexttick()函数即可解决
原理:nexttick可以在下一次更新dom之后进行回调,我的问题在于,在页面加载完成时无法获取虚拟dom,而使用回调函数后就可以获取到正确的dom数量,所以只需要在nexttick函数中执行jq函数就可以正确获取了。
self.$nexttick(function () { // dom 更新了 $("#mycarousel").carousel(0); })
以上这篇解决vue中虚拟dom,无法实时更新的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
推荐阅读
-
vue.js中v-on:textInput无法执行事件问题的解决过程
-
解决angular2 获取到的数据无法实时更新的问题
-
关于Vue-elementUI中,给input手动赋值之后无法修改的问题解决
-
解决vue2 在mounted函数无法获取prop中的变量问题
-
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
-
解决vue中虚拟dom,无法实时更新的问题
-
解决vue中无法动态修改jqgrid组件 url地址的问题
-
解决vue中对象属性改变视图不更新的问题
-
vue开发中,父组件添加scoped之后 如何解决在父组件中无法修改子组件样式的问题?
-
解决vue中post方式提交数据后台无法接收的问题