Skip to content

Latest commit

 

History

History
32 lines (23 loc) · 2.71 KB

README.zh-CN.md

File metadata and controls

32 lines (23 loc) · 2.71 KB

下一次DOM更新 简单 #Global API:General

By webfansplz @webfansplz

接受挑战    English

Vue.js中改变响应式状态时,DOM不会同步更新。 Vue.js 提供了一个用于等待下一次DOM更新的方法,让我们开始吧 👇:

<script setup>
import { ref } from "vue"

const count = ref(0)

function increment() {
  count.value++

  /**
   * DOM还未更新,如何确保DOM已经更新 ?
   * 请保证以下输出为true
  */

  console.log(+document.getElementById("counter").textContent === 1)
}
</script>

<template>
  <button id="counter" @click="increment">
    {{ count }}
  </button>
</template>

返回首页 分享你的解答 查看解答