热门

Vue Antd 列表(table、list)自定义空数据状态UI

Vue2年前 (2022)发布小马大哥哥

309 0 0

列表数据为空的时候，需要更换空数据状态UI，官方文档给的提示是：

Vue Antd 列表(table、list)自定义空数据状态UI

只能看到 locale 可以传 object，默认值 emptyText: '暂无数据'。
怎么才能自定义图片跟文案或者任意按钮元素呢？
1. 在列表对象上绑定 locale
2. 自定义一个 Vue 组件，正常封装组件即可，这个组件导入到指定页面，不需要加入到 components 中声明。
3. 将组件直接写到 emptyText 里面作为 value，组件的传值跟正常使用一致
默认效果
自定义后

# Vue # 前端技术

© 版权声明

文章版权归作者所有，未经允许请勿转载。

相关文章

暂无评论

您必须登录才能参与评论！

暂无评论...