解决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 相关文章推荐
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
Sep 27 Javascript
客户端 使用XML DOM加载json数据的方法
Sep 28 Javascript
Javacript实现颜色梯度变化和渐变的效果代码
May 31 Javascript
JavaScript数组常用方法
Mar 02 Javascript
jquery中radio checked问题
Mar 16 Javascript
JS实现的简洁纵向滑动菜单(滑动门)效果
Oct 19 Javascript
基于JavaScript获取鼠标位置的各种方法
Dec 16 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
Feb 18 Javascript
vue实现添加标签demo示例代码
Jan 21 Javascript
vuejs使用axios异步访问时用get和post的实例讲解
Aug 09 Javascript
vue 路由守卫(导航守卫)及其具体使用
Feb 25 Javascript
WebStorm中如何将自己的代码上传到github示例详解
Oct 28 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
2019年中国咖啡业现状与发展趋势
2021/03/04 咖啡文化
PHP中读取照片exif信息的方法
2014/08/20 PHP
php中数字、字符与对象判断函数用法实例
2014/11/26 PHP
php上传中文文件名乱码问题处理方案
2015/02/03 PHP
php生成RSS订阅的方法
2015/02/13 PHP
jQuery 源代码显示控件 (Ajax加载方式).
2009/05/18 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
2013/03/21 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
2013/08/13 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
2014/06/03 Javascript
javascipt:filter过滤介绍及使用
2014/09/10 Javascript
JavaScript实现更改网页背景与字体颜色的方法
2015/02/02 Javascript
javascript实现按回车键切换焦点
2015/02/09 Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
2015/05/16 Javascript
jQuery实现可编辑的表格实例讲解(2)
2015/09/17 Javascript
js滚动条平滑移动示例代码
2016/03/29 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
2016/05/26 Javascript
BootStrap 附加导航组件
2016/07/22 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
2017/08/04 Javascript
在Vue组件上动态添加和删除属性方法
2018/02/23 Javascript
mpvue小程序仿qq左滑置顶删除组件
2018/08/03 Javascript
Vuex 使用 v-model 配合 state的方法
2018/11/13 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
2019/03/15 Javascript
vue-resource:jsonp请求百度搜索的接口示例
2019/11/09 Javascript
vue组件开发之slider组件使用详解
2020/08/21 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
2020/11/09 Javascript
[49:59]KG vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python tkinter实现的图片移动碰撞动画效果【附源码下载】
2018/01/04 Python
Python日期格式和字符串格式相互转换的方法
2020/02/18 Python
django 多数据库及分库实现方式
2020/04/01 Python
使用Keras实现Tensor的相乘和相加代码
2020/06/18 Python
python代码实现图书管理系统
2020/11/30 Python
css3加js做一个简单的3D行星运转效果实例代码
2017/01/18 HTML / CSS
一站式跨境收款解决方案:Payoneer(派安盈)
2018/09/06 全球购物
企业仓管员岗位职责
2014/06/15 职场文书
公司年底活动方案
2014/08/17 职场文书