Vue使用 $nextTick 延時加載獲取dom元素

 

具體實例如：在渲染dom元素時要根據條件判斷展示內容，在判斷函數中獲取dom元素。此時無法獲取，可使用 $nextTick

//拼接一段html加載到dom元素上
//將回調延遲到下次 DOM 更新循環之后執行。在修改數據之后立即使用它，然后等待 DOM 更新
this.$nextTick(function () {
     //僅在整個視圖都被重新渲染之后才會運行的代碼  
     var html = '規格說明：<input class="inputType" id="Remark" value='0' placeholder="請輸入說明" maxlength="300"/>';
     $("#InputCost").html(html);
});

 

官方文檔：https://v3.cn.vuejs.org/api/instance-methods.html#nexttick

 

 才疏學淺，相關文檔等僅供自我總結，如有相關問題可留言交流謝謝。