vue3 antd table组件无数据时,用locale属性自定义缺省图

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：vue3 antd table组件无数据时,用locale属性自定义缺省图

官网 使用locale 默认文案设置

---

一、vue3怎么用？

示例：使用 h(

二、步骤

1.引入库

代码如下（示例）：

  import { Empty } from 'ant-design-vue';

  const [registerTable, { reload }] = useTable({
    api: api,
    columns: tableColumns,
    rowKey: 'id',
    locale: {
      emptyText: h(Empty, {
        description: '暂无数据123',
        image: Empty.PRESENTED_IMAGE_SIMPLE,
        imageStyle: { height: '60px' },
        style: { color: 'red' },
      }),
    },
  });

2.效果

总结

emptyText 是支持组件的，在vue2中可以直接在data中定义，vue3+vite 定义会报错，这个时候可以用h()函数来解决。