element table 先显示暂无数据 之后再加载数据 问题
2024-10-19 07:35:46
项目中的表格请求数据时,进去页面,先出现 ''暂无数据'' 字样闪现一下之后在进行加载数据,用户体验十分不好
解决办法:
<template>
<el-table :data="tableData" style="width: 100%">
<template slot="empty">
<p>{{dataText}}</p>
</template>
<el-table-column prop="date" label="日期" width="180"></el-table-column>
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
</template> data() {
return {
tableData: [],
dataText: "" //进去页面先让字样为空
};
}, //请求数据
goodsList() {
//先将变量清空
this.dataText = "";
this.$request(
this.$config.baseApi + "/user/address/inde", "get" ).then(res => {
if (res.code === 200) {
this.tableData = res.data.content;
// 当请求后台,数据为空时,再让页面显示暂无数据
if (this.tableData.length === 0) {
this.dataText = "暂无数据";
}
}
});
}
最新文章
- 【iOS10 SpeechRecognition】语音识别 现说现译的最佳实践
- ucos实时操作系统学习笔记——任务间通信(互斥锁)
- 简化工作流程,10款必备的HTML5开发工具
- 使用percona-toolkit校验主从数据的一致性
- Eclipse下快速打开本地文件的插件easy explore
- 智能生活 科技无限 CTO VOICE 第二期 智能硬件创新创业专场演讲嘉宾招募
- UITbaleView上按钮的单选
- Oracle游标cursor2显示的游标等
- django note
- E212:无法打开并写入文件
- C#中的协变OUT和逆变
- &#128136; A Cross-Thread Call Helper Class
- zabbix3.2监控mysql主从(复制)状态
- java ssl 连接AD域
- FZU2279 : Cantonese
- 虚拟机---vmmare15安装centos7.4
- python 全栈开发,Day77(图书管理系统)
- Android数据库开发——SQLite
- ES6.0 Generator 三种用法
- R语言计算moran‘I
热门文章
- MIT线性代数:17.正交矩阵和Cram-Schmidt正交化
- group 状压dp
- 自己实现 aop 和 spring aop
- 『题解』Codeforces446C DZY Loves Fibonacci Numbers
- 什么是ping通
- Hazel,自动整理文件,让你的 Mac 井井有条
- mysql优化必知(mysql的语句执行顺序)
- 总结一下 IEnumerable 的例子
- [LC] 108题 将有序数组转换为二叉搜索树 (建树)
- nyoj 524-A-B Problem (java stripTrailingZeros, toPlainString)