AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

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

2023-08-01 1257
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Vue Antdv 列表(table、list)自定义空数据状态UI
  • 列表数据为空的时候，需要更换空数据状态UI，官方文档给的提示是：

  • 只能看到 locale 可以传 object，默认值 emptyText: '暂无数据'。
  • 怎么才能自定义图片跟文案呢？
    1、在列表对象上绑定 locale

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


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

  • 默认效果

  • 自定义后

文章标签：
JavaScript
关键词：
UI列表
列表List
vue UI
VUE.js ui
UI自定义
卡尔特斯
目录
相关文章
光明顶阳顶天
|
缓存 JavaScript UED
Vue3中v-model在处理自定义组件双向数据绑定时有哪些注意事项？
在使用`v-model`处理自定义组件双向数据绑定时，要仔细考虑各种因素，确保数据的准确传递和更新，同时提供良好的用户体验和代码可维护性。通过合理的设计和注意事项的遵循，能够更好地发挥`v-model`的优势，实现高效的双向数据绑定效果。
光明顶阳顶天
623 161
2G冲浪词条
|
10月前
|
人工智能 Java
Java 中数组Array和列表List的转换
本文介绍了数组与列表之间的相互转换方法，主要包括三部分：1）使用`Collections.addAll()`方法将数组转为列表，适用于引用类型，效率较高；2）通过`new ArrayList<>()`构造器结合`Arrays.asList()`实现类似功能；3）利用JDK8的`Stream`流式计算，支持基本数据类型数组的转换。此外，还详细讲解了列表转数组的方法，如借助`Stream`实现不同类型数组间的转换，并附带代码示例与执行结果，帮助读者深入理解两种数据结构的互转技巧。
2G冲浪词条
783 1
Java 中数组Array和列表List的转换
小宋1021
|
10月前
|
SQL JavaScript 前端开发
Vue实现动态数据透视表（交叉表）
Vue实现动态数据透视表（交叉表）
小宋1021
486 13
SoraLuna
「Mac畅玩鸿蒙与硬件46」UI互动应用篇23 - 自定义天气预报组件
本篇将带你实现一个自定义天气预报组件。用户可以通过选择不同城市来获取相应的天气信息，页面会显示当前城市的天气图标、温度及天气描述。这一功能适合用于动态展示天气信息的小型应用。
SoraLuna
605 38
「Mac畅玩鸿蒙与硬件46」UI互动应用篇23 - 自定义天气预报组件
游客lijmi4663rgsa
|
10月前
|
JavaScript 前端开发 API
管理数据必备；侦听器watch用法详解，vue2与vue3中watch的变化与差异
一篇文章同时搞定Vue2和Vue3的侦听器，是不是很棒？不要忘了Vue3中多了一个可选项watchEffect噢。 博客不应该只有代码和解决方案，重点应该在于给出解决方案的同时分享思维模式，只有思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
游客lijmi4663rgsa
695 0
游客lijmi4663rgsa
|
10月前
|
存储 数据采集 供应链
属性描述符初探——Vue实现数据劫持的基础
属性描述符还有很多内容可以挖掘，比如defineProperty与Proxy的区别，比如vue2与vue3实现数据劫持的方式有什么不同，实现效果有哪些差异等，这篇博文只是入门，以后有时间再深挖。 博客不应该只有代码和解决方案，重点应该在于给出解决方案的同时分享思维模式，只有思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
游客lijmi4663rgsa
213 0
SoraLuna
|
UED
「Mac畅玩鸿蒙与硬件31」UI互动应用篇8 - 自定义评分星级组件
本篇将带你实现一个自定义评分星级组件，用户可以通过点击星星进行评分，并实时显示评分结果。为了让界面更具吸引力，我们还将添加一只小猫图片作为评分的背景装饰。
SoraLuna
314 6
「Mac畅玩鸿蒙与硬件31」UI互动应用篇8 - 自定义评分星级组件
SoraLuna
|
前端开发 开发者
「Mac畅玩鸿蒙与硬件23」鸿蒙UI组件篇13 - 自定义组件的创建与使用
自定义组件可以帮助开发者实现复用性强、逻辑清晰的界面模块。通过自定义组件，鸿蒙应用能够提高代码的可维护性，并简化复杂布局的构建。本篇将介绍如何创建自定义组件，如何向组件传递数据，以及如何在不同页面间复用这些组件。
SoraLuna
327 5
「Mac畅玩鸿蒙与硬件23」鸿蒙UI组件篇13 - 自定义组件的创建与使用
蓝易云
|
数据挖掘 大数据 数据处理
python--列表list切分（超详细）
通过这些思维导图和分析说明表，您可以更直观地理解Python列表切分的概念、用法和实际应用。希望本文能帮助您更高效地使用Python进行数据处理和分析。
蓝易云
404 14
overmind1980
|
C语言 Python
[oeasy]python054_python有哪些关键字_keyword_list_列表_reserved_words
本文介绍了Python的关键字列表及其使用规则。通过回顾`hello world`示例，解释了Python中的标识符命名规则，并探讨了关键字如`if`、`for`、`in`等不能作为变量名的原因。最后，通过`import keyword`和`print(keyword.kwlist)`展示了Python的所有关键字，并总结了关键字不能用作标识符的规则。
overmind1980
315 9

热门文章

最新文章

  • 1
    Redis安全规范----check list
  • 2
    Java List面试题汇总
  • 3
    Java List集合取交集的八种不同实现方式
  • 4
    LeetCode 141 Linked List Cycle（循环链表）（HashSet/Linked List）
  • 5
    .NET数据库编程求索之路--6.使用ADO.NET实现（三层架构篇-使用List传递数据-基于存储过程）（1）
  • 6
    MessagePack Java Jackson Dataformat - 列表（List）的序列化和反序列化
  • 7
    LeetCode 206 Reverse Linked List（反转链表）（Linked List）（四步将递归改写成迭代）（*）
  • 8
    1083. List Grades (25) 好久没做过这么简单的题目了
  • 9
    List集合的特有功能
  • 10
    python 序列（list，tuple，str）基本操作
  • 1
    Vue 3性能优化
    344
  • 2
    vue中的keep-alive问题（2）
    375
  • 3
    Vue 3
    687
  • 4
    vue3使用ts传参教程
    404
  • 5
    基于Vite7.1+Vue3+Pinia3+ArcoDesign网页版webos后台模板
    528
  • 6
    Vue中如何实现兄弟组件之间的通信
    423
  • 7
    虚拟列表在Vue3中的具体应用场景有哪些？
    584
  • 8
    除了循环引用，Vue3还有哪些常见的性能优化技巧？
    343
  • 9
    在 Vue 中，如何在回调函数中正确使用 this？
    351
  • 10
    vue3循环引用自已实现
    161

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程

    • 相关电子书

    更多
  • Fusion Design - 企业级UI解决方案揭秘
  • Vue.js在前端服务化上的实践与探索
  • 使用TensorFlow搭建智能开发系统自动生成App UI
    • 下一篇
    附部署代码｜云数据库RDS 全托管 Supabase服务：小白轻松搞定开发AI应用