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

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