修改element-UI 中el-table数据空白提示

3,041 阅读1分钟

element-ui 中的el-table组件在没有数据时,会默认显示暂无数据

在看官方文档的时候,发现element-ui的table组件在表格内容为空时,是可以自定义空白内容的。

方法一:通过table的属性:empty-text

 <el-table  
     :data="tableData"
     empty-text='暂无数据,稍后重试'>
 </el-table>

方法二:通过插槽slot="empty"设置

 <el-table :data="tableData">
      <template slot="empty">
          <img src='../tips.png' alt='暂无数据,稍后重试'/>
          <div>暂无数据,稍后重试</div>
      </template>
</el-table>