ant-design-vue的a-table组件自定义空状态

主要功能：

自定义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>