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
基础教程推荐
猜你喜欢
- 关于 html:如何在单选按钮旁边显示文本? 2022-09-21
- 行李丢失怎么办? 12306网站遗失物品查找功能的使用方法 2024-01-17
- 网站配色,CSS主色调配色方案 2023-12-21
- vue如何实现父组件传值子组件 2025-01-13
- HTML5表单及其验证 2023-10-26
- JavaScript 实现页面滚动动画 2023-12-08
- Vue刷新后页面数据丢失问题的解决过程 2024-02-10
- Javascript Bootstrap的网格系统,导航栏和轮播详解 2023-08-12
- CSS实例:超酷的网站导航按钮 2023-12-08
- Ajax实现简单下拉选项效果【推荐】 2022-12-28
