0
点赞
收藏
分享

微信扫一扫

vue的slot使用

棒锤_45f2 2022-01-16 阅读 68

简单言之 slot使用是通过父子组件之间进行传递的

父组件只要有
 

<template v-slot:date>

<span>这是父组件向子组件插入的内容</span>

</template>

date是子组件里边定义好的一个name

子组件只要有

<el-table-column
                v-for="(column, index) in columns.list"
                :key="index"
                :prop="column.prop"
                :label="column.label"
                :show-overflow-tooltip="column.overflow || false"
                :width="column.width || ''">
                <slot :name="column.prop" v-if="column.slotCope"></slot>
            </el-table-column>

只要有slot空间进行接收就可以

举报

相关推荐

0 条评论