vue table 沒有數據的時候展示無數據

element-table 無數據的時候，把“暫無數據” 改成其他文字或圖片

 

<el-table :data="tableData" >
<el-table-column label="序號" prop="amount"" min-width="80" align="center">
<template #default="scope">
{{scope.$index+1}}
</template>
</el-table-column>

 <el-table-column prop="content" label="OrderId" min-width="100" show-overflow-tooltip> </el-table-column>
<template v-slot:empty> 　　
<span style="color: #969799;">No more data</span>
 </template>

</el-table>

 

 

如果是封裝模板組件

<el-table :data="tableData" >
<el-table-column label=序號" min-width="80" align="center">
<template #default="scope">
{{scope.$index+1}}
</template>
</el-table-column>
<slot></slot>
<template v-slot:"empty">
<span style="color: #969799;">No more data</span>
</template>
</el-table>

 

來源：

element-table 無數據的時候