参考文档：https://cn.vuejs.org/api/general.html#nexttick
<script setup>
import { ref, nextTick } from 'vue'
const count = ref(0)
async function increment() {
count.value++
// DOM 还未更新
console.log(document.getElementById('counter').textContent) // 0
await nextTick()
// DOM 此时已经更新
console.log(document.getElementById('counter').textContent) // 1
}
</script>
<template>
<button id="counter" @click="increment">{{ count }}</button>
</template>
1 个回复
爱豆豆 - 办法总比困难多
参考文档：https://cn.vuejs.org/api/general.html#nexttick