- $ nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用
- $ nextTick,则可以在回调中获取更新后的 DOM,当你修改了data的值然后马上获取这个dom元素的值,是不能获取到更新后的值,你需要使用$nextTick这个回调,让修改后的data值渲染更新到dom元素之后在获取,才能成功。
- 比如这里,是对avue组件中的tree进行选中操作
setTimeout(()=>{
this.$nextTick(()=>{
//给每个id对应的check选中
this.$refs.tree.setChecked(data.deptid,true, true)
})
},100)
因为这个deptId每次都是不一样的,会改变的,所以我们需要使用nextTick才可以拿到他的值,然后进行操作