在获取标签元素的方法中,通常的js方法如:document.getElementById这么长的API来获取。还有jQuery的:$(#id),在Vue2中我们还是用的方法是this.$refs。那么我们在Vue3中如何使用ref呢?
示例:
获取div标签的内容
<template>
<div>
<div ref="labelDiv">123</div>
</div>
</template>
<script lang="ts" setup>
import { reactive, ref, getCurrentInstance, onMounted } from 'vue'
const labelDiv = ref()
onMounted(()=>{
console.log('labelDiv',labelDiv.value.innerText)
})
</script>