vue this.$nextTick

this.$nextTick  这是vue中的:异步更新队列(js运行机制)其实是vue获取数据时,并不是直接更新dom,而是开启一个队列。vue项目中,在对视图页面进行操作时,我们有时候发现获取不到DOM元素,这时项目也没有警告或报错提醒,这时,就找找是不是dom未加载完

在页面中,如果其他dom元素都更新完成,某一个dom节点没被加载出来,可以尝试加上this.$nextTick,就是在下一次dom更新之后执行延迟回调,实际操作:

this.$nextTick(function () {

       this.bindQrcode();

})

这样页面上就能查看其要加载出来的dom了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • $nextTick Vue.nextTick()是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用...
    默色留恋阅读 8,387评论 1 1
  • 虽然 Vue.js 鼓励沿着“数据驱动”的方式思考,避免直接接触 DOM,但是有时我们确实要这么做。比如一个新闻滚...
    李亚_45be阅读 1,743评论 0 1
  • 我在写项目是遇见一个问题,当我点击弹框全屏按钮时,弹框会全屏显示,弹框内的内容宽度由百分百变成百分之六十。但我实际...
    良品山核桃阅读 510评论 0 0
  • 1. Vue.js介绍 Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API; V...
    和泥巴的葫芦娃阅读 930评论 2 11
  • 企业做一个产品和做一个行业,一定要做有门槛的。——迈克尔•波特 企业如此,人亦如此。你必须培养自己的核心竞争力,你...
    我是一个孤独的猪阅读 329评论 0 1