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

卡尔特斯
651 阅读1分钟
  • 列表数据为空的时候，需要更换空数据状态UI，官方文档给的提示是：

image.png

  • 只能看到 locale 可以传 object，默认值 emptyText: '暂无数据'。

  • 怎么才能自定义图片跟文案呢？

    1、在列表对象上绑定 locale

    image.png

    2、自定义一个 Vue 组件，正常封装组件即可，这个组件导入到指定页面，不需要加入到 components 中声明。

    image.png

    image.png

    3、将组件直接写到 emptyText 里面作为 value，组件的传值跟正常使用一致

    image.png

  • 默认效果

    image.png

  • 自定义后

    image.png

avatar
文章
阅读
粉丝