想自定义表格 空数据时的页面
0. 先看效果
1. 思路分析: 利用elementUI 表单table组件自带的插槽属性
2. 设置成公共全局css
common.scss
.tableEmpty {
width: 320px;
height: 466px;
background-size: 100% 100%;
background-image: url(./assets/noData.png);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block
}
3. 页面的表单 引用css
<template #empty>
<span class="tableEmpty"></span>
</template>