vue知识点————$nextTick

$nextTick

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。

在项目中我们要跟后端请求数据,拿到数据处理后渲染DOM,然后可能根据业务需求,要求对DOM节点进行一些操作或者,或者DOM节点,这时会出现DOM没更新完后,你获取DOM是拿不到的。
比如我在项目中用到了echarts。要拿到DOM的节点渲染
但是会报错说DOM节点不存在。因为我的DOM节点是根据后端返回数据多少个循环的。
所以这里就会用到**$nextTick**

this.$nextTick(() => {
   myChart = echarts.init(document.getElementById(id));
 })

你可能感兴趣的:(vue,vue.js,前端,javascript)