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

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

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

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

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

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45 5 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐