Vue: $nextTick

今天写代码遇到一个问题，使用element ui中的树形构建的时候，设置默认选中节点，按照官网的文档的方法。怎么都设置不进去。最后搜索发现，只能在nextTick中使用才能设置成功

this.$nextTick(() => {
   this.$refs.IndictorTree.setCheckedKeys([this.indictorTreeData[0].children[0].id])
   })

$nextTick说明：

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

所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码；

白话理解：nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数