<script setup>
import { ref ,getCurrentInstance,nextTick} from 'vue'
import Header from './Header.vue'
const {proxy} = getCurrentInstance()
const rename = ref(null)//声明一个和ref一样的名字,直接获取它
nextTick(()=>{
console.log(rename.value)
//console.log(proxy.$refs.rename) 或者直接这样获取
//要获取子组件的dom节点,通过绑定ref在子组件标签上,子组件获取自己的dom节点,通过defineExpose暴露给父组件
})
</script>
<template>
<div ref="rename"></div>
<Header/>
<div></div>
</template>
vue3 ref获取dom节点
最新推荐文章于 2024-06-15 13:27:21 发布