Vue


ref 获取 DOM

在 setup 执行时,template 的元素还没挂载到页面上,所以要在 onMounted 才能获取到元素

<template>
  <p ref="andy">Andy</p>
</template>

<script setup>
import { ref, onMounted } from "vue";

let andy = ref(null)

console.log("aaa")
onMounted(()=>{
  console.log(andy.value.innerText)
})
console.log("bbb")
</script>
// 结果:
// aaa
// bbb
// Andy

页面列表

ITEM_HTML