vue+element 表格el-table显示数据加载中

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

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


    
    
     
    

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);
        });
    },

如有问题,欢迎留言!!

你可能感兴趣的:(vue,element,vue,elementui)