前言
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>