更新记录
1.0.02(2025-06-12) 下载此版本
优化选择样式
1.0.01(2025-06-04) 下载此版本
调整完善相关功能
1.0.0(2025-06-04) 下载此版本
提交插件
查看更多平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | - | √ | - | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| - | - | - | - | - | - | - | - | - | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
csr-uni-data-select 下拉框选择器
本插件基于官方插件 uni-data-select 进行二次开发拓展功能,支持uni-data-select本身功能不变(表单验证等)
拓展功能
- 支持多选功能
- 支持选项禁用
- 支持自定义显示值
- 支持搜索
- 支持多选时将选中值按文字形式展示
- 支持下拉菜单溢出屏幕底部时自动改为向上弹出
- 监听搜索输入事件
API
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) | 搜索输入事件 |

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 14063
赞赏 3
下载 11833970
赞赏 1818
赞赏
京公网安备:11010802035340号