马哥导航 马哥导航

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

Vue 2个月前 小马大哥哥
14 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
版权声明：小马大哥哥 发表于 2022-01-28 9:47:54。
转载请注明：Vue Antd 列表(table、list)自定义空数据状态UI | 马哥导航

暂无评论

暂无评论...
相关文章
VScode配置eslint保存自动格式化，eslint格式化去掉分号和双引号。vscode自动保存去掉分号和双引号；““
0
antd-vue中，点击列表行高亮效果实现
0
Vue项目中使用codemirror编辑器
0
javascript 密码强度校验
0
js input框限制输入为数字并限制长度
0
心灵毒鸡汤
Copyright © 2022 马哥导航 晋ICP备19008606号   联系我：xiaomadagege@sina.cn