更新记录

1.0.4(2023-06-04)

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

1.0.3(2023-04-15)

更新选项增加箭头交互

1.0.2(2023-04-14)

更新示例

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.6.18 app-vue × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
×

le-dropdown

使用方式

<le-dropdown 
    v-model:menuList="menuList" 
    themeColor="#3185FF"
    :duration="300"
    :isCeiling="false"
    @onConfirm="onConfirm"
    @=""
></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类型),见下
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 的字段

事件

事件名称 回调参数 说明
onConfirm (data) => void 确定事件回调,data为当前确认选中的菜单数据
(data,index) => void 改变事件,data为当前操作菜单数据,index为当前操作菜单第index个索引发生变化

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问