vue+element table 在ie浏览器下表格多闪一次问

vue+element 项目,今天发现有个问题
有个页面在其他浏览器中没有问题,在ie浏览器中加载时,表格数据会加载两次(肉眼可见)
效果如下:

本来以为是数据请求了两次(因为表现出来是这个问题),但是看了network,数据只请求了一次
最后发现是vue文件中根节点的问题
问题代码如下:

<template>
  <el-card>
    <div id="tableCase">
      <el-table v-loading="tableLoading" :data="data" height="100%" style="width: 100%" :header-cell-style="{background:'#f6f5f4',color:'#606266'}" @cell-click="godetail">
        <el-table-column label="接待主题" width="200" prop="receptSubject" align="center" class-name="font-color" show-overflow-tooltip/>
        <el-table-column prop="receptDate" label="接待日期" align="center"/>
        <el-table-column prop="applicant" label="申请人" align="center"/>
        <el-table-column prop="applyStatusName" label="审批状态" align="center"/>
      </el-table>
    </div>
    <div class="block">
      <el-pagination
        layout="total, sizes, prev, pager, next, jumper"
        :page-size="20"
        :page-sizes="[20, 50, 100]"
        :total="total"
        :current-page="currentPage"
        @size-change="sizeChange"
        @current-change="handleCurrentChange"
      />
    </div>
  </el-card>
</template>

vue文件中需要有一个唯一根节点,这个文件中的唯一根节点是<el-card></el-card>,而不是<div></div>
把<el-card></el-card>改成<div></div>就好了
所以以后还是老老实实的用<div></div>吧