首页 |  我的博客 |  查看该博主内容分类 | 

vue2组件通信,slot和slot-scope子父组件互相通讯

父组件

<child-component>
	<template slot="content" slot-scope="slotProps">
		<p>{{ slotProps.message }}</p>
	</template>
</child-component>

子组件

<slot name="content" message="这是子组件的消息"></slot>

父组件通过slot="content"将插槽内容传递给子组件,子组件通过message="这是子组件的消息"给父组件的slot-scope="slotProps"传递值到slotProps中。

posted @ 2023-07-13 11:49  Z哎呀  阅读(245)  评论(0)    收藏  举报