查看element官网上表格的属性,有一个empty-text的属性,官网介绍如下:

 1.在el-table添加empty-text属性

<el-table :data="assetsDetails" style="width: 100%" :empty-text="loadInfo">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="sex" label="性别"> </el-table-column>
    <el-table-column prop="grade" label="成绩"></el-table-column>
</el-table>

2.定义显示数据loadInfo

3.在表格数据内容加载时,设置显示数据的内容,数据加载完毕时将显示数据设置为空;

getWalletDetails(val) {
      this.assetsDetails = [];
      this.loadInfo = '数据加载中...';
      this.dialogVisible = true;
      getWalletDetails(val)
        .then((res) => {
          const code = res.data.code;
          this.loadInfo = '';
          if (code === 200) {
            this.assetsDetails = res.data.data.symbolAssets;
          } else {
            this.$message.error(res.data.msg);
          }
        })
        .catch((err) => {
          console.log(err);
        });
    },

如有问题,欢迎留言!!

Logo

前往低代码交流专区

更多推荐