你所不知道的el-table表格设置

el-empty

当我们使用 el-button 时,如果表格中没有数据,就会显示:暂无数据

这样不是很具体,暂无什么数据呢?那我们可以不可以自定义设个内容呢?

是可以的,我们可以使用 el-empty 来自定义当表格中没有内容时,所提示的文字。

使用方法:

  • el-empty 标签
  • description:无数据时的提示信息
  • slot: 需要设置为 empty 才能在表格数据为空时显示

然后官网说也可以使用 empty-text,但是这个没弄懂怎么用,等我在研究研究,或者知道的大哥留留言,感谢。

<!-- 方法1 -->
<el-empty description="您搜索的数据不存在" slot="empty"></el-empty>

<!-- 方法2 -->
<template slot="empty">
您搜索的数据不存在
</template>

<!-- 方法3 -->
<template v-slot:empty>
您搜索的数据不存在
</template>