更新记录

2.0.1（2024-01-16）

  1. 【修复】修复弹框显示异常问题

2.0.0（2023-03-31）

组件更新 vue3 版，不再提供 vue2 版

1.0.1（2022-05-21）

  1. 修改组件样式
  2. 新增自定义取值
查看更多

平台兼容性

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

km-select(自动多列选择)

基于 picker-view 的自动多列选择

空明组件-表单系列-自动多列选择

PS:

  1. 插件符合 easycom 规范，可以直接在页面中使用
  2. 建议先下载示例项目运行查看
  3. 有问题可以到 QQ 咨询哈(QQ：2796669349)

props

参数 类型 默认值 可选值 说明
v-model Array [0, 0, 0] 默认绑定应该列的索引（从 0 开始）,建议有多少列，其数组长度就为多少。默认3列
option Array<Object> [] 数据源，是一个数据对象
label String name 该参数是显示 key 值
concatKey String children 第一列选择之后，第二列显示的内容...以此类推
height Number 150 组件高度(单位: px)
valueKey String 不设置该值，确定选择之后返回索引。设置该值则 @change 返回以该值为 key 的值，v-mode(绑定值不受影响，依然返回列索引)。如 ['早上', '8: 00']

event

事件名 说明
@change 确定选择之后触发，参数是当前选择的索引，如[1, 0]

slot

插槽名 说明
cancel 取消位置插槽
confirm 确定位置插槽

使用

<km-select ref="kmSelectRef"></km-select>

// ---------------- js

// 打开弹框
kmSelectRef.value.show()

// 关闭弹框
kmSelectRef.value.hide()

隐私、权限声明

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

无

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

插件不采集任何数据

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

无

许可协议

MIT协议
评论列表 撰写评论
加载更多...
插件问答 我要提问

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

加载更多...