如何设置el-table没有数据显示图片

时间:2024-10-14 04:32:04

1、打开一个vue文件,插入一个el-table组件,设置组件的数据为一个空数组。如图

如何设置el-table没有数据显示图片
如何设置el-table没有数据显示图片

2、在el-table组件里插入template标签,在标签上添加slot="挢旗扦渌;empty",然后插入一张名字为logo的图片。如图

如何设置el-table没有数据显示图片

3、保存vue文件后使用浏览器打开,这时候就可以看到组件上显示了logo图片。如图

如何设置el-table没有数据显示图片
© 手抄报圈