码迷,mamicode.com
首页 > 其他好文 > 详细

Vue.nextTick( [callback, context] )

时间:2017-09-26 16:14:51      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:method   使用   upd   方法   div   eth   logs   llb   html   

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

Vue.nextTick(() => {})  /  this.$nextTick(() => {// 更新完成})

<template lang="html">
   <div>
       <span>{{msg}}</span>
   </div>
</template>

<script>
export default {
    data () {
        return {
            msg: ‘没有更新之前‘
        }
    },
    methods: {
        updateMsg () {
            this.msg = ‘更新完成‘
            console.log(‘aaa‘, this.$el.textContent) // 没有更新之前
            this.$nextTick(() => {
                console.log(‘bb‘, this.$el.textContent) // 更新完成
            })
        }
    },
    mounted () {
        this.updateMsg()
    }
}
</script>

<style lang="css">
</style>

 

Vue.nextTick( [callback, context] )

标签:method   使用   upd   方法   div   eth   logs   llb   html   

原文地址:http://www.cnblogs.com/vhen/p/7596783.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!