elementUI表格无数据显示图片_添加数据

<el-table
:data="tableData"
border
empty-text="当前数据没有,请添加数据"
style="width: 100%">
<el-table-column
align="center"
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
align="center"
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
align="center"
prop="address"
label="地址">
</el-table-column>
</el-table>

elementUI表格无数据显示图片_添加数据_02

但是如果想显示动画或者图片呢?下面这样可以嵌入HTML按钮或者图片

<el-table
:data="tableData"
border
empty-text="当前数据没有,请添加数据"
style="width: 100%">
<el-table-column
align="center"
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
align="center"
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
align="center"
prop="address"
label="地址">
</el-table-column>
<div slot="empty">
<p>
<el-button size="small" type="primary"> 添加 </el-button>
<img src=""/>
</p>
</div>
</el-table>