- 列表数据为空的时候，需要更换空数据状态UI，官方文档给的提示是：
- 只能看到
locale可以传object，默认值emptyText: '暂无数据'。 - 怎么才能自定义图片跟文案呢？
1、在列表对象上绑定locale
2、自定义一个Vue组件，正常封装组件即可，这个组件导入到指定页面，不需要加入到components中声明。
3、将组件直接写到emptyText里面作为value，组件的传值跟正常使用一致
- 默认效果
- 自定义后
Vue Antdv 列表(table、list)自定义空数据状态UI
2023-08-01
691
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Vue Antdv 列表(table、list)自定义空数据状态UI
目录
相关文章
|
27天前
|
缓存
JavaScript
UED
Vue3中v-model在处理自定义组件双向数据绑定时有哪些注意事项？
在使用`v-model`处理自定义组件双向数据绑定时，要仔细考虑各种因素，确保数据的准确传递和更新，同时提供良好的用户体验和代码可维护性。通过合理的设计和注意事项的遵循，能够更好地发挥`v-model`的优势，实现高效的双向数据绑定效果。
128
64
64
|
3月前
|
存储
API
|
27天前
|
前端开发
JavaScript
测试技术
Vue3中v-model在处理自定义组件双向数据绑定时，如何避免循环引用？
Web 组件化是一种有效的开发方法，可以提高项目的质量、效率和可维护性。在实际项目中，要结合项目的具体情况，合理应用 Web 组件化的理念和技术，实现项目的成功实施和交付。通过不断地探索和实践，将 Web 组件化的优势充分发挥出来，为前端开发领域的发展做出贡献。
31
8
8
|
27天前
|
JavaScript
在 Vue 3 中，如何使用 v-model 来处理自定义组件的双向数据绑定？
需要注意的是，在实际开发中，根据具体的业务需求和组件设计，可能需要对上述步骤进行适当的调整和优化，以确保双向数据绑定的正确性和稳定性。同时，深入理解 Vue 3 的响应式机制和组件通信原理，将有助于更好地运用 `v-model` 实现自定义组件的双向数据绑定。
48
2
2
|
2月前
|
JavaScript
API
|
3月前
|
JavaScript
Ant Design Vue UI框架的基础使用，及通用后台管理模板的小demo【简单】
这篇文章介绍了如何使用Ant Design Vue UI框架创建一个简单的后台管理模板，包括创建Vue项目、安装和使用ant-design-vue、以及编写后台管理通用页面的代码和样式。
424
3
3
|
2月前
|
JavaScript
前端开发
API
vue3中常用插件的使用方法：按需引入自定义组件，自动导入依赖包，自动生成路由，自动生成模拟数据
vue3中常用插件的使用方法：按需引入自定义组件，自动导入依赖包，自动生成路由，自动生成模拟数据
895
0
1
|
2月前
|
JavaScript
索引
Vue开发中Element UI/Plus使用指南：常见问题（如Missing required prop: “value“）及中文全局组件配置解决方案
Vue开发中Element UI/Plus使用指南：常见问题（如Missing required prop: “value“）及中文全局组件配置解决方案
185
0
0
|
2月前
|
人工智能
JavaScript
程序员
|
3月前
|
JavaScript
热门文章
最新文章
1
iOS开发UI篇—UIWindow简单介绍
2
自己动手写客户端UI库——创建第一个控件
3
Android官方开发文档Training系列课程中文版：多样屏幕之实现自适应UI
4
iOS开发UI篇—IOS开发中Xcode的一些使用技巧
5
swift UI专项训练33 Switch开关
6
swift UI专项训练29 Page Control页控件
7
[Android]使用AdapterTypeRender对不同类型的item数据到UI的渲染
8
微软将发布新的 Windows Store UI
9
Android UI设计准则
10
Android UI“.NET研究”之困 横跨四个屏幕的战争
1
DOM 节点列表长度（Node List Length）
39
2
Java一分钟之-Java集合框架入门：List接口与ArrayList
63
3
【JAVA基础篇教学】第八篇：Java中List详解说明
93
4
Java容器类List、ArrayList、Vector及map、HashTable、HashMap
54
5
【C++】手搓 list 容器
53
6
Redis基础操作 String List
46
7
List＜String＞ 如何传参
486
8
使用 Gson 将 Map、List等转换为json string
196
9
节点列表长度（Node List Length）
45
10
【Python 基础】列表（list）和元组（tuple）有什么区别？
221