项目中的表格请求数据时,进去页面,先出现 ''暂无数据'' 字样闪现一下之后在进行加载数据,用户体验十分不好

  解决办法:

  

  <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 = "暂无数据";
}
}
});
}

  

最新文章

  1. 【iOS10 SpeechRecognition】语音识别 现说现译的最佳实践
  2. ucos实时操作系统学习笔记——任务间通信(互斥锁)
  3. 简化工作流程,10款必备的HTML5开发工具
  4. 使用percona-toolkit校验主从数据的一致性
  5. Eclipse下快速打开本地文件的插件easy explore
  6. 智能生活 科技无限 CTO VOICE 第二期 智能硬件创新创业专场演讲嘉宾招募
  7. UITbaleView上按钮的单选
  8. Oracle游标cursor2显示的游标等
  9. django note
  10. E212:无法打开并写入文件
  11. C#中的协变OUT和逆变
  12. &#128136; A Cross-Thread Call Helper Class
  13. zabbix3.2监控mysql主从(复制)状态
  14. java ssl 连接AD域
  15. FZU2279 : Cantonese
  16. 虚拟机---vmmare15安装centos7.4
  17. python 全栈开发,Day77(图书管理系统)
  18. Android数据库开发——SQLite
  19. ES6.0 Generator 三种用法
  20. R语言计算moran‘I

热门文章

  1. MIT线性代数:17.正交矩阵和Cram-Schmidt正交化
  2. group 状压dp
  3. 自己实现 aop 和 spring aop
  4. 『题解』Codeforces446C DZY Loves Fibonacci Numbers
  5. 什么是ping通
  6. Hazel,自动整理文件,让你的 Mac 井井有条
  7. mysql优化必知(mysql的语句执行顺序)
  8. 总结一下 IEnumerable 的例子
  9. [LC] 108题 将有序数组转换为二叉搜索树 (建树)
  10. nyoj 524-A-B Problem (java stripTrailingZeros, toPlainString)