0、官网内容: https://v2.cn.vuejs.org/v2/guide/components-slots.html#ad

1、使用的场景:子组件有一部分内容需要灵活展示——由父组件提供,因此子组件需要留一个口子可以让父组件去发挥。

2、示例代码:

<!--子组件,child-->
<!--row为传递的参数,父组件可能需要使用-->
<template>
    <slot name="operate" :row="row"/>
</template>


<!--父组件-->
<!--operate对应子组件插槽名称-->
<!--row即为传递的参数,如果有多个就逗号隔开-->
<template #operate="{ row }">
    <!--要插入的code-->    
</template>

 

posted on 2021-10-19 15:13  浅悠  阅读(61)  评论(0编辑  收藏  举报