【笔记】vue中this.$nextTick()的作用

this.$nextTick()：dom更新后执行

举例如下：

//--------------html--------------
<div ref="textDiv">{{txt}}</div>
<button @click="changeTxt">点击修改</button>

//--------------data--------------
data() {
    return {
        txt:'未修改',
    }
}

//--------------methods--------------
methods: {
    changeTxt(){
        this.txt = '修改后';
        console.log('未使用this.$nextTick()：',this.$refs['textDiv'].innerText);
        this.$nextTick(()=>{
            console.log('使用this.$nextTick()：', this.$refs['textDiv'].innerText);
        })
    }
},

页面：

点击按钮：

输出：