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 中要怎么改，长度不固定

wozailu

352 声望

卡，卡，皮卡丘

0 人点赞

推荐文章：

更多推荐...

博客

vite2-electron-vadmin 一款清爽UI中后台权限管理系统|Electron-Vue3后台 12 / 3 |

博客

基于 Vue2.0 开发的 Lumen IM 在线聊天应用 33 / 15 |

博客

使用Vue 3编写个人博客前台！去除第三方UI!自己编写所需UI组件！ 13 / 3 |

基于 Nuxt.js 的个人网站开源项目（曾小满的盒子） 19 / 45 |

翻译

教程：使用 Vue.js 和 Laravel 共建一个简单的 CRUD 应用 49 / 11 |

链接

请求翻译 Bootstrap-vue 的文档 14 / 2 |

cnguu

课程读者 435 声望 / 超神 @ 打工皇帝

最佳答案

<template>
  <div v-for="item in items" :key="item">
    <div :ref="setRef" />
  </div>
</template>

<script setup>
const setRef = (itemRef) => {
  // itemRef 就是了
}
</script>

1年前评论

wozailu （楼主）

感谢，根据这个我找到相关文章了地址

cnguu （作者）

@wozailu 直接看文档是最快的

讨论数量: 3

cnguu

课程读者 435 声望 / 超神 @ 打工皇帝

<template>
  <div v-for="item in items" :key="item">
    <div :ref="setRef" />
  </div>
</template>

<script setup>
const setRef = (itemRef) => {
  // itemRef 就是了
}
</script>

1年前评论

wozailu （楼主）

感谢，根据这个我找到相关文章了地址

cnguu （作者）

@wozailu 直接看文档是最快的

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

帮助

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

目前

期望

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

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

目前

期望

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录