美文网首页
2017.11.18git操作/vm.$nextTick

2017.11.18git操作/vm.$nextTick

作者: Gopal | 来源:发表于2017-11-18 19:35 被阅读20次

git操作

在vue中操作节点的话,应该放在mounted生命周期中,因为mounted是DOM渲染结束后执行
http://blog.csdn.net/Wbiokr/article/details/77799291

vm.$nextTick()

但是今天遇到一个场景,就是请求是在created中异步请求数据的,而在mounted中操作DOM,确拿不到这个DOM,原因很简单:因为请求是异步的,执行到 mounted的时候,数据还没返回,所以根本也就没有DOM可以拿到。

解决的方法:
使用$nextTick
vm.$nextTick([callback])

用法:
将回调延迟到下次DOM循环更新之后执行。在修改数据之后立即使用它,然后等待DOM更新。它跟全局的Vue.nextTick一样,不同的是回调的this自动绑定到调用它的实例上。

示例:

new Vue({
  // ...
  methods: {
    // ...
    example: function () {
      // 修改数据
      this.message = 'changed'
      // DOM 还没有更新
      this.$nextTick(function () {
        // DOM 现在更新了
        // `this` 绑定到当前实例
        this.doSomethingElse()
      })
    }
  }
})

filter没有改变原数组

相关文章

  • 2017.11.18git操作/vm.$nextTick

    git操作 在vue中操作节点的话,应该放在mounted生命周期中,因为mounted是DOM渲染结束后执行ht...

  • 107、vue中$nextTick和$forceUpdate的用

    1、$nextTick vm.$nextTick( [callback] ) this.$nextTick()将回...

  • $nextTick和$forceUpdate

    $nextTick和$forceUpdate vm.$nextTick( [callback] ) 官方解释: 将...

  • $nextTick 的作用

    有同学在看 Vue 官方文档时,对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作...

  • 用vue实现楼层导航

    涉及的技术点 created 生命周期函数 在vue中获取原生dom的vm.$refs vm.$nextTick方...

  • vm.$nextTick([callback])

    Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所...

  • $nextTick和$forceUpdate

    vm.$nextTick( [callback] ) 官方解释: 将回调延迟到下次 DOM 更新循环之后执行 要理...

  • vm.$nextTick,Eventloop,setTimeou

    参考链接 https://segmentfault.com/a/1190000012861862https://j...

  • get&&set

    vm.$nextTick([callback]) 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使...

  • Vue2.X

    开发中的知识巩固 vm.$nextTick( [callback] )的用法简单来说就是数据更新完毕再来调用DOM...

网友评论

      本文标题:2017.11.18git操作/vm.$nextTick

      本文链接:https://www.haomeiwen.com/subject/myhyvxtx.html