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


猜你喜欢
- 惰性函数定义模式 使用方法 2024-01-17
- el-date-picker时间插件,根据月份显示当前月的第一 2024-12-08
- js实现select选择框效果及美化 2024-02-25
- jQuery+CSS3折叠卡片式下拉列表框实现效果 2024-02-20
- AJAX显示加载中并弹出图层遮挡页面的实现示例 2023-01-26
- 【VUE3.0体验】建路由,加入ElementUI3框架 2023-10-08
- js小数计算小数点后显示多位小数的实现方法 2023-12-25
- ie下的css层叠z-index各种问题详细整理 2023-12-13
- JavaScript中Location.search处理使用方法 2023-12-23
- CSS动态渐变色边框围绕内容区域旋转的效果(实例代码) 2024-02-24