//子组件
<template>
<div>
<div ref="chart" style="width: 600px; height: 400px"></div>
<button @click="parents">点击</button>
<!-- 插槽 -->
<slot name="child">子组件插槽</slot>
<!-- 插槽中 子传父 -->
<slot :data="{text:'999'}"></slot>
</div>
</template>
//父组件
<template #child>
<p>111223</p>
</template>
<template #default="{data}">
<div>{{ data.text }}</div>
</template>
vue3 插槽 父传子、子传父
最新推荐文章于 2024-05-13 10:16:48 发布