前言

element-ui 中的el-table组件在没有数据时,会默认显示暂无数据。
在看官方文档的时候,发现element-ui的table组件在表格内容为空时,是可以自定义空白内容的。

方法一:通过table的属性:empty-text

<el-table
:data="tableData"
empty-text='暂无数据,稍后重试'>
</el-table>

方法二:通过插槽slot=”empty”设置

<el-table :data="tableData">
<template slot="empty">
<img src='../tips.png' alt='暂无数据,稍后重试'/>
<div>暂无数据,稍后重试</div>
</template>
</el-table>