1. 程式人生 > >vue:this.nextTick()的使用

vue:this.nextTick()的使用

<template>
    <button ref="tar" type="button" name="button" @click="testClick">{{ content }}</button>
</template>
export default {
    data(){
        return {
            content: '初始值'
        }
    },
methods: {
           testClick(){
	              this.content = '改變了的值';
	              // dom元素還未更新
	              console.log(that.$refs.tar.innerText);//初始值
			this.$nextTick(() => {
	                  // dom元素更新後執行
	                  console.log(that.$refs.tar.innerText); //改變後的值
              })
        }
}