vue项目中如何调用this.$nextTick()方法

vue项目开发中如何调用this.$nextTick()方法，下面编程教程网小编给大家详细介绍一下实现方法！

具体代码如下：

<template>
  <div>
    <button @click=clickButton()" ref="test">{{testMsg}}</button>
  </div>
</template>
  
<script>
export default {
  data () {
    return {
      testMsg:"初始赋值",
    }
  },
  methods:{
    clickButton:function(){
      let that=this;
      that.testMsg="修改后的值";
      that.$nextTick(function(){ //使用$nextTick()方法可以dom数据更新后延迟执行
        console.log('修改完成后输出：'that.$refs.test.innerText);
      });
    }
  }
}
</script>

以上是编程学习网小编为您介绍的“vue项目中如何调用this.$nextTick()方法”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。