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


所有评论(0)