vue3-vant4-dict

vue3-vant4-dict 字典包是使用vue3+vite项目基于vant4开发,封装的字典组件。关注微信公众号“爆米花小布”获取最新使用文档。
1,832
Install
npm install vue3-vant4-dict
Latest Version:1.2.1
Vue:3
Last Updated:May 11, 2026
Links: npm
Maintainer: shenxiaobu

vue3-vant4-dict 字典包

vue3-vant4-dict 字典包是使用vue3+vite项目基于vant4开发,封装的字典组件。关注微信公众号“爆米花小布”获取最新使用文档。

vue3-vant4-dict

详细阅读官方使用文档题

组件

dict-button、dict-select、dict-tag、dict-multiple-select、dict-checkbox、dict-datetime-picker、dict-date-picker、dict-radio、dict-time-picker、dict-dropdown-item、dict-tabs、dict-calendar、dict-cascader等组件。

帮您一行代码就可实现复杂的功能。使用文档将在公众号上的vue3-vant4-dict 字典包合集进行更新。

公众号

公众号二维码

微信赞助

开发不易,如果对您有所帮助,可赞助作者,利于官网服务器运营。您的支持,是我继续努力的最大动力。

赞助码

官方文档

https://www.xiaobu.host/vue3-vant4-dict

示例项目

https://github.com/xiaobu-blog/vue3-vant4-dict-demo

更新日志

1.2.1

  1. 【优化】解决防抖和节流方法ts未声明的问题

1.1.9

  1. 【优化】list组件当搜索按钮触发时 直接清空 列表数据

1.1.8

1.【修复】校验方式使用compare时对日期格式数据也进行切换,运算符比较使用calculate时修复非${}包裹的元素不会进行日期时间戳转化的问题

1.1.7

  1. 【优化】修复dict-dynamic-components组配置showRuleType为validate且showRules配置校验多个字段时,如sex,name, name本身存在错误提示,sex改变时会移除name的校验的问题,重置按钮功能做了优化, picker组件宽度占比问题优化,range组件的默认Placeholder优化

  2. 【优化】动态组件新增配置滚动的配置 scrollOptions

1.1.6

1.【优化】项目初始化时,若字典版本号与缓存不一致,将批量请求缓存中所有需通过接口获取的字典类型数据,并更新本地缓存。

2.【优化】修改动态组件默认渲染值由原来的formData改为组件配置里面的value值,null兜底

3.【优化】字典配置新增 delayTime 属性(单位:毫秒,默认值:null),用于配置延迟响应时间。当设置为非 null 值(如 300)时,启用防抖合并请求:在指定延迟时间内,将多个字典类型请求合并,延迟结束后统一调用批量接口一次性获取所有字典数据。

​ 注意:为了支持还有部分后端人员开发的接口不支持请求多个字典类型,此版本将delayTime设置为null,避免版本更新导致这些用户报错而不知所措。后续版本可能会把默认值改为300,请提前知悉。

4.【优化】JSON.parse(浏览器缓存数据)出错时捕获异常

5.【新增】新增暴露debounce防抖和throttle节流方法

6.【优化】新增timeout配置,解决字典数据请求方法请求超时问题

7.【修复】新增types/index.d.ts文件, 友好支持ts项目

1.1.5

  1. 【优化】日期格式兼容 ISO 8601 日期时间格式

  2. 【修复】修复自定义日期方法时,传递日期格式无效问题

1.1.3

  1. 【修复】修复字典值转化为数字类型时,无法转化的问题

1.1.2

  1. 【修复】修复dynimac-component组件的改变某个值时,其他项有值时的校验会被去除的问题

1.1.1

  1. 【优化】动态组件新增默认类名

  2. 【优化】list组件新增暴露getListData获取list数据方法

  3. 【修复】调整几处细微的逻辑和样式细节

1.1.0

  1. 【新增】cells、buttons、text、datetime-range、dynamic-components、tree-select组件

  2. 【新增】toKebabCase、toCamelCase、generateUUID、getValidator、getValidatorByKey方法

  3. 【优化】组件属性继承及事件继承支持小驼峰、大驼峰等格式

  4. 【优化】'字典包配置项新增mask、formatDate、validator、dynamicComponentsConfig四个配置项用于新增或覆盖自定义脱敏方法及覆盖日期格式化方法及动态组件的配置项

  5. 【优化】dict-date-picker组件新增类型 datetimeRange, year, month, day, yearMonth, monthDay, yearRange, monthRange, dayRange, yearMonthRange, monthDayRange 类型

  6. 【优化】date相关的组件 新增min-date和max-date属性,且支持可格式化为时间格式的字符串或数字,全都会被 new Date()处理

  7. 【优化】多个组件新增defaultVal、openDefaultValJudge属性配置,其中部分另有emptyText属性

1.0.0

  1. 【新增】cell、list、action-sheet、popover、date-picker等组件

  2. 【优化】实现按需引入功能

  3. 【优化】日期相关组件新增valueFormat属性配置

  4. 【优化】dateFormat方法新增timestamp时间戳格式

  5. 【修复】调整几处细微的逻辑和样式细节

0.0.1

  1. vue3-vant4-dict初版,欢迎大家使用

0.0.0

  1. 占坑版本

Related Packages

v-dict

Vue3 & React Dict Manager

4,443 4
@meetjs/vant4-kit

一款基于 Vant4.x 的增强组件库

11,291 27
vant4-kit

一款基于 Vant4.x 的增强组件库

5,356 27
vant-vtk

Vue3 + Vant4 扩展组件库

1,963
@composy/dict-vue

Vue 3 数据字典集成能力

0

Version History

Version Released Vue License
1.2.1 ^3.4.21
1.1.9 ^3.4.21
1.1.8 ^3.4.21
1.1.7 ^3.4.21
1.1.6 ^3.4.21