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

Vue2年前 (2022)发布 小马大哥哥
257 0 0
  • 列表数据为空的时候,需要更换空数据状态UI,官方文档给的提示是:
Vue Antd 列表(table、list)自定义空数据状态UI
  • 只能看到 locale 可以传 object,默认值 emptyText: '暂无数据'
  • 怎么才能自定义图片跟文案或者任意按钮元素呢?
    1. 在列表对象上绑定 locale
      Vue Antd 列表(table、list)自定义空数据状态UI
    2. 自定义一个 Vue 组件,正常封装组件即可,这个组件导入到指定页面,不需要加入到 components 中声明。
      Vue Antd 列表(table、list)自定义空数据状态UI
      Vue Antd 列表(table、list)自定义空数据状态UI
    3. 将组件直接写到 emptyText 里面作为 value,组件的传值跟正常使用一致
      Vue Antd 列表(table、list)自定义空数据状态UI
  • 默认效果
    Vue Antd 列表(table、list)自定义空数据状态UI
  • 自定义后
    Vue Antd 列表(table、list)自定义空数据状态UI
© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...