【vue】插槽 具名插槽 作用域插槽 插槽传参

具名插槽

子组件:

<slot name="slotName"></slot>

父组件:

<template slot="slotName">
	<div>
		插槽内容
	</div>
</template>

插槽传参

子组件:

<slot name="slotName" :row="data"></slot>

父组件:

<template v-slot:slotName="data">
	<div>
		{{data}}
	</div>
</template>

版权声明:本文为IT429原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。