vue3.0中使用 ref 来调用子组件的方法,如何在 for 中使用?

目前

 <Table ref="eleTable" @handle="handleFun"></Table>

 <script>
   const eleTable = ref() //eleTable是页面ref后面对应的名字

  const clickSon = () => {

  eleTable.value.changeShowText() //调用子组件的方法

  let arr = eleTable.value.tableData //获取子组件 setup 里面定义的变量

  }
 </script>

期望

<template v-for="(item, index) in data">
   <Table ref="eleTable" @handle="handleFun"></Table>
</template>

现在问题是 const eleTable = ref() 这句在 for 中要怎么改,长度不固定

cnguu
最佳答案
<template>
  <div v-for="item in items" :key="item">
    <div :ref="setRef" />
  </div>
</template>

<script setup>
const setRef = (itemRef) => {
  // itemRef 就是了
}
</script>
1周前 评论
wozailu (楼主) 1周前
cnguu (作者) 1周前
讨论数量: 3
cnguu
<template>
  <div v-for="item in items" :key="item">
    <div :ref="setRef" />
  </div>
</template>

<script setup>
const setRef = (itemRef) => {
  // itemRef 就是了
}
</script>
1周前 评论
wozailu (楼主) 1周前
cnguu (作者) 1周前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!