element-table 無資料的時候,把“暫無資料” 改成其他文字或圖片

墨城發表於2022-03-09

在el-table 裡面插入

<template v-slot:empty>
  <span style="color: #969799;">No more data</span>
</template>
<el-table :data="tableData" style="width: 100%" :header-cell-style="{background:'#F0F2F5',color:'#585858',textAlign: 'center'}" >
   <template v-slot:"empty">
      <span style="color: #969799;">No more data</span>
   </template>
   <el-table-column prop="content" label="OrderId" min-width="100" show-overflow-tooltip> </el-table-column>
   <el-table-column prop="amount" label="amount" min-width="80" show-overflow-tooltip> </el-table-column>
</el-table>

相關文章