vue3 ＜script setup＞子组件，获取父组件的数据

最新推荐文章于 2024-10-06 12:18:06 发布

iZaiZaiA

最新推荐文章于 2024-10-06 12:18:06 发布

阅读量5.6k

点赞数 1

分类专栏： vue3 前端文章标签： vue

本文链接：https://blog.csdn.net/qq_31763107/article/details/118703139

版权

前端同时被 2 个专栏收录

7 篇文章 1 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

vue3 `<script setup>` 中子组件，获取父组件的数据

父组件

<template>
	<div>
		 <slot/>
	</div>
</template>

<script lang="ts" setup>
const props = defineProps({
    type: {
        type:  String,
        default: 10
    }
})
</script>

子组件

<template>
	<div>test</div>
</template>

<script lang="ts" setup>
import { getCurrentInstance } from "vue"
//获取父组件数据
const type = getCurrentInstance()?.parent?.props.type;
console.log(type)
</script>