编程 Javascript

解决vue中虚拟dom,无法实时更新的问题

Posted in Javascript onSeptember 15, 2018

碰到的问题：使用jq获取元素节点的个数时一直为0

解决方法：使用vue的nextTick()函数即可解决

原理：nextTick可以在下一次更新dom之后进行回调，我的问题在于，在页面加载完成时无法获取虚拟dom，而使用回调函数后就可以获取到正确的dom数量，所以只需要在nextTick函数中执行jq函数就可以正确获取了。

self.$nextTick(function () {
 // DOM 更新了
 $("#myCarousel").carousel(0);
})

以上这篇解决vue中虚拟dom,无法实时更新的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

解决vue中虚拟dom,无法实时更新的问题

- Author -

木雨痕

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery ajax 同步异步的执行示例代码

Jun 23 Javascript

JS遮罩层效果兼容ie firefox jQuery遮罩层

Jul 26 Javascript

jquery动态增加text元素以及删除文本内容实例代码

Jul 01 Javascript

javascript函数作用域学习示例(js作用域)

Jan 13 Javascript

JS for循环中i++ 和 ++i的区别介绍

Jul 20 Javascript

jquery层级选择器(匹配父元素下的子元素实现代码)

Sep 05 Javascript

JavaScript实现数组降维详解

Jan 05 Javascript

ES5 ES6中Array对象去除重复项的方法总结

Apr 27 Javascript

MVVM 双向绑定的实现代码

Jun 21 Javascript

微信小程序实现topBar底部选择栏效果

Jul 20 Javascript

解决vue attr取不到属性值的问题

Sep 18 Javascript

JavaScript This指向问题详解

Nov 25 Javascript

js事件on动态绑定数据,绑定多个事件的方法

Sep 15 #Javascript

vue 的点击事件获取当前点击的元素方法

Sep 15 #Javascript

对Vue.js之事件的绑定(v-on: 或者 @ )详解

Sep 15 #Javascript

vue绑定事件后获取绑定事件中的this方法

Sep 15 #Javascript

浅谈vue方法内的方法使用this的问题

Sep 15 #Javascript

微信小程序动态增加按钮组件

Sep 14 #Javascript

vue中Element-ui 输入银行账号每四位加一个空格的实现代码

Sep 14 #Javascript