vue的slot使用

阅读 70

2022-01-16

简单言之 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)

0 0 举报