wechat-miniprogram / kbone

# KPickerView

嵌入页面的滚动选择器。其中只可放置 KPickerViewColumn 组件，并且必须和 KPickerViewColumn 为父子组件。

# 使用指南

import { KPickerView } from 'kbone-ui'
1

# 示例

<KPickerView indicator-style="height: 50px;" style="width: 100%; height: 300px;" @change="changeIndex">
            <KPickerViewColumn>
                <KView v-for="(item,index) in singleData" style="line-height: 50px;" :key="index" >
                    {{item}}
                </KView>
            </KPickerViewColumn>
</KPickerView>
1
2
3
4
5
6
7

Picker

PickerView 和 PickerViewGroup 组件

小程序
微信
开发六组
零度的田

# 使用参数

H5 小程序 属性 类型 默认值 必填 说明
o o value/v-model Array.<number> 否 数组中的数字依次表示 picker-view 内的 picker-view-column 选择的第几项（下标从 0 开始），数字大于 picker-view-column 可选项长度时，选择最后一项。
o indicator-style string 否 设置选择器中间选中框的样式
o indicator-class string 否 设置选择器中间选中框的类名
o mask-style string 否 设置蒙层的样式
o mask-class string 否 设置蒙层的类名
o change eventhandle 否 滚动选择时触发change事件，event.detail = {value}；value为数组，表示 picker-view 内的 picker-view-column 当前选择的是第几项（下标从 0 开始）
o pickstart eventhandle 否 当滚动选择开始时候触发事件
o pickend eventhandle 否 当滚动选择结束时候触发事件

← KPickerViewColumn →