开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
开发 > 组件 > 表单组件 > picker-view 滚动选择器
贡献者 4
收藏
订阅更新
我的文档
设置
简介
嵌入页面的滚动选择器。 其中只可放置 picker-view-column 组件,其它节点不会显示。如需获取数组中值,可以先获取索引 index 然后通过 index 再获取数组中值。
使用限制
native 渲染引擎:暂不支持。可以通过 my.caniuse('picker-view' 判断是否支持。
该组件内部请勿放入 hidden 或 display none 的节点,需要隐藏请用 a:if 切换。
不支持背景色设置成透明,可以修改颜色。
扫码体验

使用
在线示例

picker-view-column 滚动选择器子项
滚动选择器子项。仅可放置于 picker-view 中,其孩子节点的高度会自动设置成与 picker-view 的选中框的高度一致。 native 渲染引擎:暂不支持。可以通过 my.caniuse('picker-view-column') 判断是否支持。 说明: 该组件内部请勿放入 hidden 或 display none 的节点,需要隐藏请用 a:if 切换,即: 推荐示例:
错误示例:
picker-view 属性
属性
类型
描述
value
number array
数组中的数字表示 picker-view-column 中对应的 index (从 0 开始)。 示例:value=“{{[2]}}”
indicator-style
string
选中框样式。
indicator-class
string
选中框的类名。 版本要求: 基础库 1.10.0
及以上
mask-style
string
蒙层的样式。 版本要求: 基础库 1.10.0
及以上
mask-class
string
蒙层的类名。 版本要求: 基础库 1.10.0
及以上
immediate-change
boolean
是否在手指松开时立即触发 change 事件,若不开启则会在滚动动画结束后触发 change 事件。 默认值:false 版本要求:基础库 2.8.7
及以上。
onchange
eventhandle
滚动选择 value 改变时触发,event.detail = {value: value}
value 为数组,表示 picker-view 内的 picker-view-column index 索引 ,从 0 开始。
onpickstart
eventhandle
当滚动选择开始时候触发事件。 版本要求: 基础库 2.8.0
及以上。
onpickend
eventhandle
当滚动选择结束时候触发事件。 版本要求: 基础库 2.8.0
及以上。
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图