更新记录

0.0.3(2023-03-28) 下载此版本

仿照饿了么实现了一下多选搜索,增加了限制最大选择个数

0.0.2(2023-03-25) 下载此版本

新增多选时可搜索 新增keyId属性,json数组选择时返回字段,不填默认返回数组下标 新增unikey属性,一个页面使用下拉选择时,用于区分,Number类型 新增showMask属性,下拉框展开时可显示遮罩,点击遮罩关闭下拉框遮罩默认透明的 新增selectHeight属性,控制下拉框最大高度 修复多选筛选时key重复问题。 普通数组不在返回下标,直接返回值。json数组可自定义返回字段或者下标

0.0.1(2020-12-25) 下载此版本

当前版本0.0.1

Combox组件修改的,已用于自己项目,根据组件底下评论进行了一定修改。可单选,可多选,可输入搜索,也可禁用搜索,可以是普通数组,也可以是JSON数组,可以自定义选中背景颜色及文字颜色。针对评论选择一个值后,再选择就只剩下一个值进行了修改,输入时可进行重置,禁止输入时每次展示全部结果。 普通数组选中会返回当前值,多选返回值数组。 JSON数组返回数组下标,多选返回下标数组。

* Combox 组合输入框
* @description 组合输入框一般用于既可以输入也可以选择的场景
* @property {String} label 左侧文字
* @property {String} labelWidth 左侧内容宽度
* @property {String} placeholder 输入框占位符
* @property {Array} candidates 候选项列表
* @property {String} emptyTips 筛选结果为空时显示的文字
* @property {String} value 单选时组合框的初始值
* @property {Array} initValue 多选时组合框的初始值(下标集合)
* @property {String} keyName json数组显示的字段名
* @property {Boolean} isJSON 是否是json数组,默认不是
* @property {Boolean} isDisabled 是否是禁用输入,默认不禁用
* @property {Boolean} isCheckBox 是否是多选,默认不是,多选时不能输入查询
* @property {String} color 默认字体颜色,默认#000000
* @property {String} selectColor 选中字体颜色,默认#0081ff
* @property {String} selectBgColor 选中背景颜色,默认#e8e8e8
查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

新增多选时可搜索

新增keyId属性,json数组选择时返回字段,不填默认返回数组下标

新增unikey属性,一个页面使用下拉选择时,用于区分

Number类型 新增showMask属性,下拉框展开时可显示遮罩,点击遮罩关闭下拉框遮罩默认透明的

新增selectHeight属性,控制下拉框最大高度

修复多选筛选时key重复问题。

普通数组不在返回下标,直接返回值。json数组可自定义返回字段或者下标

  • Combox 组合输入框
    • @description 组合输入框一般用于既可以输入也可以选择的场景
    • @property {String} unikey 一个页面同时使用多个组件时用不同值区分
    • @property {String} label 左侧文字
    • @property {String} labelWidth 左侧内容宽度
    • @property {String} placeholder 输入框占位符
    • @property {Array} candidates 候选项列表
    • @property {String} emptyTips 筛选结果为空时显示的文字
    • @property {String} value 单选时组合框的初始值(值非下标)
    • @property {Array} initValue 多选时组合框的初始值(JSON数组定义了keyId.就是该字段数据数组,没定义就是下标数组。普通数组就是下标数组)
    • @property {String} keyName json数组显示的字段值
    • @property {String} keyId json数组返回的字段
    • @property {String} showMask 展示下拉框是否显示遮罩
    • @property {Boolean} isJSON 是否是json数组,默认不是
    • @property {Boolean} isDisabled 是否是禁用输入,默认不禁用
    • @property {Boolean} isCheckBox 是否是多选,默认不是,多选时不能输入查询
    • @property {Number} maxNum 多选最多选择个数
    • @property {String} color 默认字体颜色,默认#000000
    • @property {String} selectColor 选中字体颜色,默认#0081ff
    • @property {String} selectBgColor 选中背景颜色,默认#e8e8e8
    • @property {String} selectHeight 下拉框最大高度,默认200px

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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