vue中$nextTick的使用

官方解释:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。

$nextTick可以在更新dom后执行操作,避免取不到更新后元素的情况
在Vue生命周期的created()钩子函数进行的DOM操作时一定要放在Vue.nextTick()的回调函数中。原因是在created()钩子函数执行的时候DOM 其实并未进行任何渲染,会出现取不到元素的情况。
swiper.js就需要放在nextTick()中
new Vue({
    el: '#app',
    created() {
        this.$nextTick(function(){
            //代码
        })
    }
})

赞 (2)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址