更新记录
1.0.1(2024-10-11)
下载此版本
- 下拉框样式调整,新增下拉框pop的箭头icon
- 不再依赖uni-ui的组件,使用原生view标签、input标签和svg静态图标替换掉之前的uni-tag、uni-easyinput和uni-icon
- 更新使用文档
1.0.0(2024-10-09)
下载此版本
自定义多选下拉框插件,ui风和uni-ui保持一致,支持多选,搜索。
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
√ |
√ |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
平台兼容性
介绍
基于uni-app开发的一个下拉多选组件,可以支持输入选择和关键字筛选。
使用了部分uni-ui的标签,包括uni-tag、uni-icon和uni-easyinput,所以使用时请务必保证你的项目引用了uni-ui的组件库。
整体的ui风格是参考的uni-ui,所以如果你要是使用了uni-ui,则使用这个组件会保证项目的ui风格一致。
props
参数 |
说明 |
类型 |
默认值 |
是否必须 |
options |
下拉框列表 |
Array |
[] |
是 |
searchable |
是否支持搜索 |
Boolean |
false |
否 |
placeholder |
输入框占位 |
String |
请选择 |
否 |
options属性
参数 |
说明 |
类型 |
是否必须 |
value |
key值 |
String/Number |
是 |
label |
显示名换 |
String |
是 |
events
参数 |
说明 |
类型 |
可选值 |
是否必须 |
change |
下拉选择事件 |
Function |
(val)=>{} |
是 |
示例
<multi-select
:options="options"
:searchable="true"
placeholder="请输入关键字"
@change="selectChange"
/>
数据格式
options: [
{ label: '语文', value: 0 },
{ label: '数学', value: 1 },
{ label: '英语', value: 2 },
{ label: '体育', value: 3 }
]