1、想在表格没有数据的地方展示“暂无”,在文档中找到了empty-text,结果不好使是咋回事?
数据中确实有一部分为空
但是最后页面上还是什么都没有
1、想在表格没有数据的地方展示“暂无”,在文档中找到了empty-text,结果不好使是咋回事?
数据中确实有一部分为空
但是最后页面上还是什么都没有
谢邀~
看源码可以发现你理解错了。是data
为空时,显示empty-text
。
ElementUI table源码
<div
v-if="!data || data.length === 0"
class="el-table__empty-block"
ref="emptyBlock"
:style="{
width: bodyWidth
}">
<span class="el-table__empty-text">
<slot name="empty">{{ emptyText || t('el.table.emptyText') }}</slot>
</span>
</div>
现在有个需求,是装载数据时,会先出来 "暂无数据", 再出现等待过程。暂时解决办法:
<template slot="empty">
<div v-if="loading">
</div>
<div v-else>
暂无数据
</div>
</template>
5 回答4.9k 阅读✓ 已解决
4 回答3.2k 阅读✓ 已解决
2 回答4.8k 阅读✓ 已解决
4 回答4.4k 阅读✓ 已解决
4 回答1.9k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
你误解了
是这种效果。
empty-text
的作用,empty-text
是表格源数据为空时显示的内容至于想实现你的需求也有很多种方式,比如这样