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

 更新时间:2018年09月15日 09:36:34   作者:木雨痕  
今天小编就为大家分享一篇解决vue中虚拟dom,无法实时更新的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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

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

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

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

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

相关文章

  • vue iview多张图片大图预览、缩放翻转

    vue iview多张图片大图预览、缩放翻转

    这篇文章主要为大家详细介绍了vue iview多张图片大图预览、缩放翻转,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • vuex中能直接修改state吗

    vuex中能直接修改state吗

    当我们使用vuex的时候,时不时能看到“更改Vuex中的store中的状态唯一办法就是提交mutations”,但是有没有试想过,我们不提交mutations其实也能修改state的值?答案是可以的,下面通过本文介绍下vuex修改state值的方法,感兴趣的朋友一起看看吧
    2022-11-11
  • vue-cli3.x配置全局的scss的时候报错问题及解决

    vue-cli3.x配置全局的scss的时候报错问题及解决

    这篇文章主要介绍了vue-cli3.x配置全局的scss的时候报错问题及解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • 深入理解vue.js双向绑定的实现原理

    深入理解vue.js双向绑定的实现原理

    vue.js是MVVM结构的,同类的还有AngularJs;至于MVC、MVP、MVVM的比较网上已经有很多了,这样不再重复。这篇文章将给大家深入的介绍vue.js双向绑定的实现原理,有需要的朋友们可以参考借鉴,下面跟着小编一起来看看吧。
    2016-12-12
  • Vue-Jest 自动化测试基础配置详解

    Vue-Jest 自动化测试基础配置详解

    目前开发大型应用,测试是一个非常重要的环节,而在 Vue 项目中做单元测试可以用 Jest,本文主要介绍了Vue-Jest 自动化测试,感兴趣的可以了解一下
    2021-07-07
  • vue-cli解决IE浏览器sockjs-client错误方法

    vue-cli解决IE浏览器sockjs-client错误方法

    这篇文章主要为大家介绍了vue-cli解决IE浏览器sockjs-client错误方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • vue element-ui el-cascader级联选择器数据回显的两种实现方法

    vue element-ui el-cascader级联选择器数据回显的两种实现方法

    这篇文章主要介绍了vue element-ui el-cascader级联选择器数据回显的两种实现方法,具有很好的参考价值,希望对大家有所帮助。
    2023-07-07
  • 利用vue实现密码输入框/验证码输入框

    利用vue实现密码输入框/验证码输入框

    这篇文章主要为大家详细介绍了如何利用vue实现密码输入框或验证码输入框的效果,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下
    2023-08-08
  • 基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能

    基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能

    这篇文章主要介绍了基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-02-02
  • 使用vue-cli创建项目的图文教程(新手入门篇)

    使用vue-cli创建项目的图文教程(新手入门篇)

    这篇文章主要介绍了新手入门vue 使用vue-cli创建项目的图文教程,本文是针对完全不了解过vue和npm的小白而写的,需要的朋友可以参考下
    2018-05-05

最新评论