默认样式
1.只更改文字内容
这是elemenut-ui官方提供的
<el-table :data="dataList"size="medium" border @selection-change="selectionChangeHandle" v-loading="loading"empty-text="人家没有数据哦~~"class="table">//...</el-table>
效果
2.添加图片修改文字等
<el-table :data="dataList"size="medium" border @selection-change="selectionChangeHandle" v-loading="loading"class="table"><template slot="empty"><img src="/svg/empty.svg" alt style="margin: 120px auto 8px auto; height: 50; width: 78px; display: block" /><p style="line-height: 22px; font-size: 14px; margin-bottom: 60px">说了人家没数据呢</p></template>//...</el-table>
这里用了一张svg的图片,可以让ui给你搞一张好看的图片哦 ,字体的颜色啥的样式也都是可以自己去调的