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

 

 才疏学浅，相关文档等仅供自我总结，如有相关问题可留言交流谢谢。