解决 element-ui el-table表格组件先显示暂无数据 之后再加载数据的问题

项目中的表头和内容都是动态请求生成的，延时更久就会出现先闪一下（比闪一下更久）暂无数据，再显示正常界面的问题，用户体验会比较差。

解决办法：动态定义tablelist为空时候展示的内容，没有请求到数据之前显示为空，请求到数据但是数据本身就是空的再显示"暂无数据"

Table组件：

<el-table :data="tableLists">

     <!--增加内容-->
      <template slot="empty">
      <p>{
   
   {tableText}}</p>
      </template>

      <el-table-column v-if="showSelect" type="selection" width="55"></el-table-column>
</el-table>

data中初始定义tableText为空：

data() {
   return {
     tableText: "" //进去页面先让字样为空
   };
 },

发请求之后，若得到的tablelist真为懂再显示“暂无数据”：

 getList() {
    this.tableText = " ";  //先置空             
    getApportRecpList({params).then((res:any) => {  
       this.headGroups = headGroupsTemp;
       this.list = res.data.dataList;
       if (this.list.length === 0) {
           this.tableText = "暂无数据";
         }   
    });
 
  }