TAY
笔记 · · 阅读 241

vue3 中的 nextTick()

在Vue3中,nextTick()是一个非常有用的方法,它可以在DOM更新之后执行一段代码。这在处理DOM操作和异步更新时非常有用。

下面是一个简单的示例,演示了如何使用nextTick()方法:

import { ref, nextTick } from 'vue';
 
export default {
    setup() {
        // 创建一个响应式变量
        const message = ref('Hello, Vue3!');
        
        // 在DOM更新之后执行一段代码 const updateMessage = () => {
        message.value = 'Hello, World!';
            nextTick(() => {
                console.log('DOM updated');
            });
        };
        return {
            message,
            updateMessage
        };
    }
};
目录