2025-04-01 09:03:51 +08:00
..
1
2025-04-01 09:03:51 +08:00
1
2025-04-01 09:03:51 +08:00
1
2025-04-01 09:03:51 +08:00
1
2025-04-01 09:03:51 +08:00

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