vue slot插槽用法

qq_21460133

已于 2023-03-17 09:09:57 修改

阅读量44

点赞数

文章标签： vue.js 前端 javascript Powered by 金山文档

于 2023-02-27 19:43:16 首次发布

本文链接：https://blog.csdn.net/qq_21460133/article/details/129248411

版权

子组件插槽

<div>
<slot>默认插槽</slot>
<slot name="slotname">具名插槽</slot>
<slot name="slotdata" :row="row">具名插槽+传入数据</slot>

</div>

父组件使用插槽

<div>
<template>默认插槽</template>
<template slot="slotname">具名插槽</template>
<template v-slot:slotdata="{row}">具名插槽+传入数据 写法一</template>
<template slot="slotdata" slot-scope="{row}">具名插槽+传入数据 写法二</template>
</div>