thsi.$nextTick
时间: 2023-10-17 08:25:28 浏览: 65
$nextTick 是 Vue.js 框架中的一个方法,它的作用是在下次 DOM 更新循环结束之后执行延迟回调。通常用于在更新后操作 DOM 或者访问更新后的 DOM。
在 Vue.js 中,当数据发生改变时,Vue 会异步执行 DOM 更新。这意味着,如果你要在数据改变之后立即访问更新后的 DOM,可能会得到旧的 DOM 内容。而使用 $nextTick 方法可以确保在 DOM 更新后再执行回调函数。
例如,如果你需要在某个数据改变后获取一个 element 的高度,你可以这样使用 $nextTick:
```
Vue.nextTick(() => {
// 这里可以访问更新后的 DOM
let height = document.getElementById('element').clientHeight;
});
```
这样就能确保在 DOM 更新后获取到正确的高度值。注意,在 Vue 3 中,$nextTick 已经被移除,你可以直接使用 `await this.$nextTick()` 来等待 DOM 更新完成。
阅读全文