el-table初始化为空数组，界面长时间出现数据加载中？

  • Z时代
  • 2024-02-05
  • 分类：IT

代码：

     <el-table
        v-if="isCanSearchData"
        :data="tableData"
        border
        style="width: 100%; margin-bottom: 20px"
        max-height="400px"
      >
        <el-table-column type="index" label="序号"> </el-table-column>
        <el-table-column prop="partition" label="分区"> </el-table-column>
        <el-table-column prop="offset" label="点位"> </el-table-column>
        <el-table-column prop="payload" label="消息内容"> </el-table-column>
        <el-table-column prop="time" label="写入时间"> </el-table-column>
      </el-table>

tableData初始化值为空数组

加载中
el-table初始化为空数组，界面长时间出现数据加载中？

问题详情：
因为el-table中的tableData初始化值是固定的，希望打开表格时，立马出现暂无数据，而不是长时间数据加载中之后再出现暂无数据。

回答：

el-table 的 tableData 为空, 就会显示暂无数据, 你的如果为空但是确有数据加载中的动画, 那就说明这个不是el-table的, 是其他地方的比如是否有使用v-loading

回答：

1、根据你的代码el-table里面没有empty-text属性，排除自定义设置了empty-text提示文字

2、建议你暂时删除v-if="isCanSearchData"判断进行排查。

3、如果问题还存在，建议注释这段代码，复制官方示例表格代码跑一下。

4、如果问题依旧存在，全局"搜索数据加载中..."看看是否引用了js与el-table共同属性导致。

回答：

根据你的描述，应该是页面有添加loading,然后获取列表接口中对loading进行赋值所以才会一直加载，当接口请求结束，后台返回的表格数据是空数组，loading设置为false，才会出现暂无数据

回答：

你这个数据加载中...是在你这个贴代码的这个页面吗 ？

以上是 el-table初始化为空数组，界面长时间出现数据加载中？ 的全部内容， 来源链接： utcz.com/p/935208.html

回到顶部