Element Plus el-table 数据为空时自定义内容【默认为 No Data】

1. 通过 Table 属性设置

<div class="el-plus-table">
  <el-table empty-text="暂无数据" :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" />
    <el-table-column prop="address" label="Address" />
  el-table>
div>

2. 通过 Table 插槽设置

<div class="el-plus-table">
  <el-table :data="tableData" style="width: 100%">
    <template #empty>暂无数据template>
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" />
    <el-table-column prop="address" label="Address" />
  el-table>
div>

3. 效果图

Element Plus el-table 数据为空时自定义内容【默认为 No Data】_第1张图片

你可能感兴趣的:(前端,elementui)