表格數(shù)據(jù)為空時(shí)插入顯示文本（默認(rèn)“暫無數(shù)據(jù)”）

1 <el-table2 :data="tableData"3 border4 empty-text="當(dāng)前數(shù)據(jù)沒有，請(qǐng)?zhí)砑訑?shù)據(jù)"5 style="width: 100%">6 <el-table-column7 align="center"8 prop="date"9 label="日期" 10 width="180"> 11 </el-table-column> 12 <el-table-column 13 align="center" 14 prop="name" 15 label="姓名" 16 width="180"> 17 </el-table-column> 18 <el-table-column 19 align="center" 20 prop="address" 21 label="地址"> 22 </el-table-column> 23 </el-table>

?

表格數(shù)據(jù)為空時(shí)插入HTML

　　　　

1 <el-table 2 :data="tableData" 3 border 4 empty-text="當(dāng)前數(shù)據(jù)沒有，請(qǐng)?zhí)砑訑?shù)據(jù)" 5 style="width: 100%"> 6 <el-table-column 7 align="center" 8 prop="date" 9 label="日期" 10 width="180"> 11 </el-table-column> 12 <el-table-column 13 align="center" 14 prop="name" 15 label="姓名" 16 width="180"> 17 </el-table-column> 18 <el-table-column 19 align="center" 20 prop="address" 21 label="地址"> 22 </el-table-column> 23 <div slot="empty"> 24 <p> 25 <el-button size="small" type="primary"> 添加 </el-button> 26 </p> 27 </div> 28 </el-table>

?

轉(zhuǎn)載于:https://www.cnblogs.com/zhaoxiaoying/p/10136136.html

總結(jié)

以上是生活随笔為你收集整理的elementUI表格无数据设置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。