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


基础教程推荐
猜你喜欢
- css display table 自适应高度、宽度问题的解决 2024-03-10
- 微信小程序模拟cookie的实现 2024-04-16
- Css3制作变形与动画效果 2024-03-13
- Vue定义一个路由需要几步? 2025-01-16
- vuejs如何实现htmlEncode编码和htmlDecode解码 2025-01-19
- JS获取浮动(float)元素的style.left值为空的快速解决办法 2024-03-12
- uni-app如何实现点击按钮全屏播放视频 2023-08-29
- js cookies实现简单统计访问次数 2024-03-20
- JavaScript数组方法实例详解 2023-08-12
- ie下的css层叠z-index各种问题详细整理 2023-12-20