依据我的项目须要,获取后端接口返回数据申请过程中,table 提醒“数据加载中 …”, 申请胜利后,若无数据提醒“暂无数据”,有数据则展现数据。
依据如上需要,须要自定义 element-ui table 表格暂无数据时的款式。
1. 只批改提醒文字
间接在 <el-table> 中间接增加 empty-text=” 数据加载中 …” 属性即可。
2. 批改提醒文字加图片
如果须要更改文字并增加图片,则须要实用 slot=”empty” 属性。
<template slot="empty">
<img src="写本人的地址" alt >
<P> 写本人的提醒文字 </p>
</template>