Holla-Tako b0ed967003 添加详情 6 months ago
..
components b0ed967003 添加详情 6 months ago
changelog.md b0ed967003 添加详情 6 months ago
package.json b0ed967003 添加详情 6 months ago
readme.md b0ed967003 添加详情 6 months ago

readme.md

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