vue的slot使用

最新推荐文章于 2024-07-01 15:23:27 发布

Celine_xn

最新推荐文章于 2024-07-01 15:23:27 发布

阅读量428

点赞数

分类专栏： vue 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/nceliy/article/details/122527051

版权

vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

简单言之 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空间进行接收就可以