vue.nextTick()方法,在html元素上面設定ref後,在vue中使用

邢帅杰發表於2024-04-24
nextTick(),是將回撥函式延遲在下一次dom更新資料後呼叫,簡單的理解是:當資料更新了,在dom中渲染後,自動執行該函式。
that.$nextTick(function(){
    console.log(that.$refs.txtEmail.innerText);  //輸出:修改後的值
});

<input ref="txtEmail" type="text" />
在html元素上面設定ref後,在vue中使用,直接this.$refs.txtEmail即可獲得該元素。
ref會把該元素例項附加到 this.$refs 中。

相關文章