Vue3
如何通过子组件emit
传递ref
,下面编程教程网小编给大家详细介绍一下功能的实现代码!
代码如下:
<template>
<div ref="cellR" @click="cellA">
<span>{{item}}</span>
</div>
</template>
<script setup>
import {ref} from 'vue';
const props = defineProps({
item: Number
})
const emit = defineEmits(['cellT']);
const cellR = ref();
const cellA = () => {
emit('cellT', cellR.value);
}
</script>
以上是编程学习网小编为您介绍的“Vue3如何通过子组件emit传递ref”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:Vue3如何通过子组件emit传递ref


基础教程推荐
猜你喜欢
- el-table实现拖拽行排序sortablejs 2025-01-13
- 微信小程序自定义导航栏及其封装的全过程 2024-02-04
- 如何用JS WebSocket实现简单聊天 2023-12-20
- ajax请求后台得到json数据后动态生成树形下拉框的方法 2023-02-22
- Ajax配合Spring实现文件上传功能代码 2023-02-01
- Ajax引擎 ajax请求步骤详细代码 2023-02-22
- 元素水平居中方案全集 2022-10-16
- Vue SPA项目SEO优化之预渲染Prerender-spa-plugin 2023-10-08
- 用js来生成随机彩票号码清单 2023-12-01
- CSS样式表层叠(cascade)处理冲突 2024-02-06