解决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,无法实时更新的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
利用javascript/jquery对上传文件格式过滤的方法
Jul 25 Javascript
只需一行代码,轻松实现一个在线编辑器
Nov 12 Javascript
node.js中的http.response.removeHeader方法使用说明
Dec 14 Javascript
JavaScript中调用函数的4种方式代码实例
Jul 08 Javascript
jQuery实现的背景动态变化导航菜单效果
Aug 24 Javascript
分享10个优化代码的CSS和JavaScript工具
May 11 Javascript
终于实现了!精彩的jquery弹幕效果
Jul 18 Javascript
解析Vue.js中的组件
Feb 02 Javascript
Vue中使用vux配置代码详解
Sep 16 Javascript
angular.js实现列表orderby排序的方法
Oct 02 Javascript
详解Vue中使用Axios拦截器
Apr 22 Javascript
微信小程序实现上传图片裁剪图片过程解析
Aug 22 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
You might like
php桌面中心(一) 创建数据库
2007/03/11 PHP
用php定义一个数组最简单的方法
2019/10/04 PHP
javascript 字符串连接的性能问题(多浏览器)
2008/11/18 Javascript
获取body标签的两种方法
2011/10/13 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
2013/09/25 Javascript
jQuery固定浮动侧边栏实现思路及代码
2014/09/28 Javascript
JavaScript解析json格式数据简单示例
2014/12/09 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
2014/12/18 Javascript
javascript每日必学之循环
2016/02/19 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
2016/04/04 Javascript
Vue 短信验证码组件开发详解
2017/02/14 Javascript
快速搭建React的环境步骤详解
2017/11/06 Javascript
VueJs监听window.resize方法示例
2018/01/17 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
解决vue.js this.$router.push无效的问题
2018/09/03 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
JS JQuery获取data-*属性值方法解析
2020/09/01 jQuery
利用Python中的mock库对Python代码进行模拟测试
2015/04/16 Python
Python实现的多线程http压力测试代码
2017/02/08 Python
python-opencv在有噪音的情况下提取图像的轮廓实例
2017/08/30 Python
简单谈谈python基本数据类型
2018/09/26 Python
numpy向空的二维数组中添加元素的方法
2018/11/01 Python
python 用opencv调用训练好的模型进行识别的方法
2018/12/07 Python
详解Python图像处理库Pillow常用使用方法
2019/09/02 Python
解决jupyter notebook 出现In[*]的问题
2020/04/13 Python
pytorch SENet实现案例
2020/06/24 Python
如何利用python发送邮件
2020/09/26 Python
Python 实现集合Set的示例
2020/12/21 Python
纯CSS3实现手风琴风格菜单具体步骤
2013/05/06 HTML / CSS
大学本科毕业生求职简历的自我评价
2013/10/09 职场文书
资源环境与城乡规划管理专业自荐书
2014/09/26 职场文书
个人股份转让协议书范本
2014/10/26 职场文书
2014年房产经纪人工作总结
2014/12/08 职场文书
信仰观后感
2015/06/03 职场文书
离职员工给领导和同事的感谢信
2015/11/03 职场文书
python实现商品进销存管理系统
2022/05/30 Python