element中的table组件中的empty-text属性怎么通过slot="empty"设置?

element中的table组件中的empty-text属性怎么通过slot="empty"设置?
我想要的结果是这样的

如图:

https://img.mukewang.com/5c6bbc83000128d908000145.jpg

但是我设置的slot属性并不起作用

https://img4.mukewang.com/5c6bbc8e000176ca01180032.jpg

之后我还想在文字上添加一个图标,也可以通过这个属性来设置吗?


萧十郎
浏览 2751回答 2
2回答

慕莱坞森

&nbsp;&nbsp;&nbsp;&nbsp;<el-table&nbsp;:data="tableData"&nbsp;style="width:&nbsp;100%"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-table-column&nbsp;prop="date"&nbsp;label="日期"&nbsp;width="180"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</el-table-column> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-table-column&nbsp;prop="name"&nbsp;label="姓名"&nbsp;width="180"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</el-table-column> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-table-column&nbsp;prop="address"&nbsp;label="地址"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</el-table-column> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;slot="empty"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;暂无数据,自定义想写成啥就写成啥&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;</el-table>

慕雪6442864

<span&nbsp;slot="empty">我没有用过,但是我猜应该是这么用的</span>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5