更新记录
1.0.20(2024-05-09)
1.修复APP点击下拉框无法关闭
1.0.19(2024-04-29)
1.修复点击多个下拉框无法关闭
2.优化多选类型支持一次选择多个
3.修复小程序点击有个蓝色底
4.优化下拉菜单溢出屏幕底部时改为向上弹出
1.0.15(2023-11-24)
1.优化多选选中样式(tianheng20**qq.com网友提供)
2.优化chang事件(chang事件中将返回所选中的对象)
查看更多
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.1 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
DataSelect 下拉框选择器 先导入示例项目 看看是否满足需求,然后再下载插件,有问题可以加微weiyila520
组件名:zxz-uni-data-select
代码块: zxz-uni-data-select
本插件基于官方插件 uni-data-select 进行二次开发拓展功能,支持uni-data-select本身功能不变(表单验证等)
拓展功能
- 支持多选功能
- 支持选项禁用
- 支持自定义显示值
- 支持搜索
- 支持多选时将选中值按文字形式展示
- 支持下拉菜单溢出屏幕底部时自动改为向上弹出
- 监听搜索输入事件
API
zxz-uni-data-select Props
属性名 |
类型 |
默认值 |
说明 |
v-model |
String、Array、Number |
- |
选中项绑定值 |
multiple |
Boolean |
false |
是否多选 |
disabled |
Boolean |
false |
是否禁用 |
dataKey |
String |
"key" |
作为 key 唯一标识的键名 |
dataValue |
String |
"value" |
作为 value 唯一标识的键名 |
filterable |
Boolean |
false |
是否开启搜索 |
collapseTags |
Boolean |
false |
多选时是否将选中值按文字的形式展示 |
collapseTagsNum |
Number |
1 |
多选时选中值按文字的形式展示的数量 |
localdata |
Array |
- |
下拉列表本地数据 |
label |
String |
- |
左侧标题 |
placeholder |
String |
"请选择" |
输入框的提示文字 |
emptyTips |
String |
"无选项" |
无选项提示 |
clear |
Boolean |
true |
是否清空 |
format |
String |
- |
格式化输出 用法 field="_id as value, version as text, uni_platform as label" format="{label} - {text}" |
@inputChange |
event |
event(String) |
搜索输入事件 |