VUE3 的ref

350 阅读1分钟

// 单个DOM元素 定义的是变量

<div ref="info">hello</div>
 <buttom @click="handclick"><buttom>
 
 const info=ref(null)
 const handclick=()=>{
   console.log(info.value.innerHTML)
 }

// 批量获取DOM元素 绑定的是函数不是具体的变量

<li :ref="setDoms" v-for="item in list" :key="item">{{item}}</li>
const fruitss=[]
const setDoms=(el)=>{
  fruitss.push(el)
}