主要功能:
自定义table没有数据时的展示,如图
实现步骤:
1.引入ConfigProvider
2.在ConfigProvider里加入a-table并修改renderEmpty模版里的代码
完整代码:
如下
<template>
<ConfigProvider>
<template #renderEmpty>
<a-empty :image="require('@/assets/empty.png')"> </a-empty>
</template>
<a-table v-bind="$attrs">
<template v-for="(_, name) in $slots" v-slot:[name]="slotData">
</template>
</a-table>
</ConfigProvider>
</template>
<script>
import { ConfigProvider } from "ant-design-vue";
export default {
components: { ConfigProvider },
setup(props, { attrs, slots, emit }) {
return {};
},
};
</script>