编程 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 Clone Bug解决代码

Dec 22 Javascript

JavaScript(js)设置默认输入焦点(focus)

Dec 28 Javascript

JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)

Feb 26 Javascript

浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()

Dec 22 Javascript

Angular移动端页面input无法输入的解决方法

Nov 14 Javascript

Bootstrap-table自定义可编辑每页显示记录数

Sep 07 Javascript

js继承的这6种方式！（上）

Apr 23 Javascript

微信小程序实现的canvas合成图片功能示例

May 03 Javascript

layui异步加载table表中某一列数据的例子

Sep 16 Javascript

关于layui的下拉搜索框异步加载数据的解决方法

Sep 28 Javascript

js 闭包深入理解与实例分析

Mar 19 Javascript

vue实现拖拽交换位置

Apr 07 Vue.js

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

eWebEditor v3.8 商业完整版 (PHP)

2006/12/06 PHP

实测在class的function中include的文件中非php的global全局环境

2013/07/15 PHP

ThinkPHP在新浪SAE平台的部署实例

2014/10/31 PHP

微信推送功能实现方式图文详解

2019/07/12 PHP

IE中jscript/javascript的条件编译

2006/09/07 Javascript

javascript中的107个基础知识收集整理推荐

2010/03/29 Javascript

js中parseFloat(参数1,参数2)定义和用法及注意事项

2013/01/27 Javascript

javascript中encodeURI和decodeURI方法使用介绍

2013/05/06 Javascript

下拉列表select 由左边框移动到右边示例

2013/12/04 Javascript

JavaScript实现获取某个元素相邻兄弟节点的prev与next方法

2016/01/25 Javascript

跨域请求的完美解决方法(JSONP, CORS)

2016/06/12 Javascript

Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法

2017/01/19 Javascript

Map.vue基于百度地图组件重构笔记分享

2017/04/17 Javascript

vue v-on监听事件详解

2017/05/17 Javascript

Vue.js图片预览插件使用详解

2018/08/27 Javascript

vue实现form表单与table表格的数据关联功能示例

2019/01/29 Javascript

JavaScript实现多张图片放大镜效果示例【不限定图片尺寸，rem单位】

2019/05/14 Javascript

layui原生表单验证的实例

2019/09/09 Javascript

基于JavaScript获取base64图片大小

2019/10/18 Javascript

three.js 利用uv和ThreeBSP制作一个快递柜功能

2020/08/18 Javascript

[01:12:53]完美世界DOTA2联赛PWL S2 Forest vs SZ 第一场 11.25

2020/11/26 DOTA

Python中的CURL PycURL使用例子

2014/06/01 Python

python在linux中输出带颜色的文字的方法

2014/06/19 Python

线程和进程的区别及Python代码实例

2015/02/04 Python

Python自然语言处理之词干,词形与最大匹配算法代码详解

2017/11/16 Python

Python实现Pig Latin小游戏实例代码

2018/02/02 Python

Python将多个list合并为1个list的方法

2018/06/27 Python

python实现代码统计器

2019/09/19 Python

PyQt5 QDockWidget控件应用详解

2020/08/12 Python

详解python tcp编程

2020/08/24 Python

Python3获取cookie常用三种方案

2020/10/05 Python

用python对excel查重

2020/12/07 Python

python中numpy数组与list相互转换实例方法

2021/01/29 Python

德国网上花店：Valentins

2018/08/15 全球购物

2019年Java面试必问之经典试题

2012/09/12 面试题

个人债务授权委托书范本

2014/10/05 职场文书