vue3 ref erhält Single Dom und Multiple Dom

Holen Sie sich einen einzelnen Dom

<input type="text" ref="inputRef" />
setup() {
    
    
	const inputRef = ref(null)
	onMounted(()=>{
    
    
		console.log(inputRef.value);
	})
}

Holen Sie sich mehrere Doms

<div v-for="(item, index) in state.list" :key="index" :ref="setItemRef">
	{
    
    {
    
    item}}
</div>

setup() {
    
    
	let itemRef = ref([])
	let state = reactive([])
	const setItemRef = (el) => {
    
    
		itemRef.value.push(el)
	}
	onMounted(()=>{
    
    
		// 模拟调用接口
		setTimeout(()=>{
    
    
			state.curMenuList = [1,2,3]
		},1000)
	})
	onBeforeUpdate(() => {
    
    
		itemRef.value = [];
	});
	
	onUpdated(()=>{
    
    
		itemRef.value.map(d=>{
    
    
			d.style.height = '100px'
		})
	})
	return {
    
    
		state,
		setItemRef,
	}
}