更新记录

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事件中将返回所选中的对象)

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.1 app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × ×
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本身功能不变(表单验证等)

拓展功能

  1. 支持多选功能
  2. 支持选项禁用
  3. 支持自定义显示值
  4. 支持搜索
  5. 支持多选时将选中值按文字形式展示
  6. 支持下拉菜单溢出屏幕底部时自动改为向上弹出
  7. 监听搜索输入事件

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) 搜索输入事件

隐私、权限声明

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

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

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

许可协议

MIT协议

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