vue - element表格组建实现slot自定义数据为空时的显示内容

最新推荐文章于 2024-10-31 17:58:02 发布

置顶真是个老机灵鬼

最新推荐文章于 2024-10-31 17:58:02 发布

阅读量1.1w

点赞数 7

分类专栏： Vue

本文链接：https://blog.csdn.net/qq_41792345/article/details/93995526

版权

Vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

需求是个二级表格，点击标题进入下层表格：

进入二层后如下，可以点所属课程返回上层
在这里插入图片描述

但二级数据为空时的显示效果，如下，就没办法返回了，需要自己自定义实现返回功能在这里插入图片描述
element文档是这么写的：可以用slot实现自定义内容

代码：

<template  slot="empty" >
            <div>暂无数据
              <el-button @click="toParent()"
                          type="text"
                          size="small"
                          style="font-size:14px;">点此返回</el-button></div>
</template>

完成效果：
在这里插入图片描述