更新记录

1.0.5(2024-12-22) 下载此版本

1.级联选项增加isFullLinkage属性,是否全联动;

2.增加onConfirm返回index索引;

3.增加open、close事件;

4.优化筛选多内容时,底部按钮要滚动底部才显示出来;

5.完善文档;

1.0.4(2023-06-04) 下载此版本

1.更新层级点击不了问题; 2.增加吸顶属性配置; 3.cell类型选中建议增加对号图标; 4.完善文档;

1.0.3(2023-04-15) 下载此版本

更新选项增加箭头交互

查看更多

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
× - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - × ×

其他

多语言 暗黑模式 宽屏模式
× ×

le-dropdown

使用方式

复制代码<le-dropdown 
    v-model:menuList="menuList" 
    themeColor="#3185FF"
    :duration="300"
    :isCeiling="false"
    @onConfirm="onConfirm"
    @onChange="onChange"
></le-dropdown>

组件的属性说明如下:

属性 类型 默认值 必填 说明
v-model:menuList Array [] 设置整个菜单筛选的配置数居
themeColor String #3185FF 整个组件的主题颜色
duration Number 300 动画的执行时间
isCeiling Boolean false 是否自动吸顶(采用sticky规则)

menuList参数说明:

属性 类型 必填 说明
title String 菜单名称
type String 菜单筛选展示的类型:cell|picker|sort|click|filter
value Number|String|Array 菜单对应的值
options Array 菜单配置的组件参数数据,见下
children Array 菜单配置的组件参数数据(当前只用在filter类型),见下
componentProps Object 菜单对应type的组件参数(当前只用在picker类型),见下
autoTitle Boolean 是否自动更换菜单名称(仅在cell生效),默认开启
options参数说明:
属性 类型 必填 说明
label String 属性名,显示在页面上
value Number|String 属性值,保存在父级的value属性上
children options[] 子层级(当前只在picker上使用)
children参数(filter)说明:
属性 类型 必填 说明
title String 菜单名称
type String 菜单筛选展示的类型:radio|slider|checkbox
value Number|String 菜单对应的值
options Array 菜单配置的组件参数数据,见上
children下type参数说明:
  • radio:单选
  • checkbox:多选
  • slider:进度(存在componentProps与type同级参数,对象里的值为uniapp原生的slider里的参数)
componentProps参数(picker)说明:
属性 类型 默认值 必填 说明
colNum Number 1 级联的列数
options Array - 菜单配置的组件参数数据,见上
fieldNames Object { label: label, value: value, options: options } 自定义节点 label、value、options 的字段
isFullLinkage Boolean true 是否全联动,为false时,只会返回当前所选的层级

事件

事件名称 回调参数 说明
onConfirm (data,index) => void 确定事件回调,data为当前确认选中的菜单数据,index为当前确认选中的菜单索引
onChange (data,index) => void 改变事件,data为当前操作菜单数据,index为当前操作菜单第index个索引发生变化
open (index) => void 打开下拉弹窗事件,index为当前操作菜单的索引
close (index) => void 关闭下拉弹窗事件,index为当前操作菜单的索引

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议
176***@qq.com

2025-03-27

menuList 在onload中设置动态值时,重置时initMenuList为空,源码195行会报 Cannot read property 'children' of undefined 的错误

落英甘棠

2025-03-27

下载了1.0.5版本,但是type为picker的时候onChange返回的index是null,onConfirm返回的index全部是0

落英甘棠 2025-03-27

看了组件源码,知道怎么回事了,作者改一下文档吧,让后面的人看得可以直观一点

853***@qq.com

2025-03-06

type= picker实现省市区级联选择没有问题,但不支持省市区多个选中?

530***@qq.com

2025-03-06

115***@qq.com

2024-12-10

没有自定义参数,很难受,还是要自己改

北京旭日东升

2024-08-30

能给下menuLIst数据格式吗

JMX乐 2024-12-03

可以导入示例项目,里面有例子和数据格式

235***@qq.com

2024-08-20

还是不错的

lat***@gmail.com

2025-01-20

多级列表中的重置呢???

JMX乐 2024-12-15

不好用是指哪方面呢

wo9***@qq.com

2024-07-12

这个联动选择 有三级选项 但我只想选到2级或1级 有办法吗

JMX乐 2024-12-22

1.0.5版本, 联动选项的时候可以加一个isFullLinkage属性为false就可以实现你想要的只选1级或者2级

776***@qq.com

2024-05-11

很好用,就是希望可以新增一个日期选择

2025-01-20

使用cell类型后 ,选中后inactiveColor不生效(正常是选中后会修改当前tab的颜色),click没问题的 menuList:[ {"...