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

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 中。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章