微信小程序picker-view组件详解实例代码

发布日期： 2017-03-21 阅读量： 作者： 网络

这篇文章主要介绍了微信小程序 picker-view 组件详解及简单实例的相关资料,需要的朋友可以参考下

实现效果图：

嵌入页面的滚动选择器

属性名	类型	说明
value	Number Array	数组中的数字依次表示 picker-view 内的 picker-view-colume 选择的第几项（下标从 0 开始），数字大于 picker-view-column 可选项长度时，选择最后一项。
indicator-style	String	设置选择器中间选中框的样式
bindchange	EventHandle	当滚动选择，value 改变时触发 change 事件，event.detail = {value: value}；value为数组，表示 picker-view 内的 picker-view-column 当前选择的是第几项（下标从 0 开始）

注意：其中只可放置组件，其他节点不会显示。

picker-view-column

仅可放置于中，其孩子节点的高度会自动设置成与picker-view的选中框的高度一致

示例代码：

<view>
 <view>{{year}}年{{month}}月{{day}}日</view>
 <picker-view>
 <picker-view-column>
 <view>{{item}}年</view>
 </picker-view-column>
 <picker-view-column>
 <view>{{item}}月</view>
 </picker-view-column>
 <picker-view-column>
 <view>{{item}}日</view>
 </picker-view-column>
 </picker-view></view>

# 微信小程序 # picker-view组件

上一篇: 如何处理 C++ 函数中未捕获的异常？

下一篇: C++ 错误处理替代方案：采用日志记录和断言的策略

微信小程序picker-view组件详解实例代码

随便看看