KPickerView

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

使用指南

  1. import { KPickerView } from 'kbone-ui'

示例

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

Picker

PickerView 和 PickerViewGroup 组件

KPickerView - 图1

使用参数

H5小程序属性类型默认值必填说明
oovalue/v-modelArray.<number>数组中的数字依次表示 picker-view 内的 picker-view-column 选择的第几项(下标从 0 开始),数字大于 picker-view-column 可选项长度时,选择最后一项。
oindicator-stylestring设置选择器中间选中框的样式
oindicator-classstring设置选择器中间选中框的类名
omask-stylestring设置蒙层的样式
omask-classstring设置蒙层的类名
ochangeeventhandle滚动选择时触发change事件,event.detail = {value};value为数组,表示 picker-view 内的 picker-view-column 当前选择的是第几项(下标从 0 开始)
opickstarteventhandle当滚动选择开始时候触发事件
opickendeventhandle当滚动选择结束时候触发事件