<el-table
v-loading="loadingShow"
element-loading-text="数据正在加载中..."
此处省略好几行>
<template slot="empty">
<div style="margin-top: 15%">
<img src="../../../img/icon.png" alt="暂无数据">
<br>
<span>暂无数据</span>
</div>
</template>
<el-table-column prop="" lable="">
......
</el-table>
v-loading是设置loading的效果,loadingShow为动态设置的属性,在js中设置他的值(true-展示loading效果,false-不展示loading效果),通过element-loading-text设置在loading界面的是提示信息。
示例中引入的图片是第一次进入页面时展示的样式。