vite+ts+vue3 知识点（nextTick使用）

微光无限

已于 2023-03-27 23:20:20 修改

阅读量1.2k

点赞数 1

分类专栏： vue3 文章标签： javascript vue.js 前端 typescript 前端框架

于 2022-12-09 11:57:00 首次发布

本文链接：https://blog.csdn.net/sdhshsjh/article/details/128250739

版权

vue3 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

使用场景：当你在修改值之后想要获取最新的dom时

<template>
  <div>
    <div>
      <div ref="textDom">{{ text }}</div>
      <button @click="btn">改变</button>
    </div>

  </div>
</template>

<script setup lang="ts">
const text = ref('梁延涛')
const textDom = ref()
// nextTick 函数需要配合 async await 来使用
const btn = async () => {
  text.value = '李子天'
  await nextTick()
  console.log(textDom.value?.innerText); // 李子天
}
</script>

<style scoped lang="less">

</style>