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


前言

提示: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()函数来解决。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐