解决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调用Activex控件的事件的实现方法
Apr 11 Javascript
js封装的textarea操作方法集合(兼容很好)
Nov 16 Javascript
jquery获取div宽度的实现思路与代码
Jan 13 Javascript
js下拉框二级关联菜单效果代码具体实现
Aug 03 Javascript
判断字符串的长度(优化版)中文占两个字符
Oct 30 Javascript
node.js中的querystring.unescape方法使用说明
Dec 10 Javascript
javascript匀速运动实现方法分析
Jan 08 Javascript
JS Canvas定时器模拟动态加载动画
Sep 17 Javascript
AngularJS实现网站换肤实例
Feb 19 Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 jQuery
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
详解CocosCreator消息分发机制
Apr 16 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&MYSQL留言板源码
2020/07/19 PHP
php下目前为目最全的CURL中文说明
2010/08/01 PHP
深入理解PHP之源码目录结构与功能说明
2016/06/01 PHP
PHP实现简易计算器功能
2020/08/28 PHP
TNC vs BOOM BO3 第三场2.13
2021/03/10 DOTA
javascript Math.random()随机数函数
2009/11/04 Javascript
理解Javascript_14_函数形式参数与arguments
2010/10/20 Javascript
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
JavaScript检查数字是否为整数或浮点数的方法
2015/06/09 Javascript
完美JQuery图片切换效果的简单实现
2016/07/21 Javascript
超简单的Vue.js环境搭建教程
2017/03/17 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
2017/06/14 Javascript
关于Webpack dev server热加载失败的解决方法
2018/02/22 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
2018/04/18 Javascript
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
2019/10/11 Javascript
微信小程序以ssm做后台开发的实现示例
2020/04/08 Javascript
ES6 async、await的基本使用方法示例
2020/06/06 Javascript
VSCode 配置uni-app的方法
2020/07/11 Javascript
vue中element 的upload组件发送请求给后端操作
2020/09/07 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
2020/11/26 Vue.js
python创建关联数组(字典)的方法
2015/05/04 Python
Python调用百度根据经纬度查询地址的示例代码
2019/07/07 Python
详解使用python3.7配置开发钉钉群自定义机器人(2020年新版攻略)
2020/04/01 Python
python 浮点数四舍五入需要注意的地方
2020/08/18 Python
利用CSS3实现动态的二级三级菜单效果实例源码
2017/01/04 HTML / CSS
天猫超市:阿里巴巴打造的网上超市
2016/11/02 全球购物
音乐专业自荐信
2014/02/07 职场文书
财务管理专业自荐书
2014/09/02 职场文书
公安机关纪律作风整顿剖析
2014/10/10 职场文书
2015年库房工作总结
2015/04/30 职场文书
聘任通知书
2015/09/21 职场文书
MySQL8.0.18配置多主一从
2021/06/21 MySQL
Python数据可视化之Seaborn的安装及使用
2022/04/19 Python
python小型的音频操作库mp3Play
2022/04/24 Python
Windows server 2022创建创建林、域树、子域的步骤
2022/06/25 Servers