组件：

页面中嵌入的滚动选择器，只能放置

组件，其他节点将不会显示。

常用属性如下（图44-1）：

图44-1

view属性：数组中的数字表示在picker-view中选择的picker-view-colume项目（下标从0开始）。如果数字大于picker-view-colume选项的长度，请选择最后一项。

在“ test.wxml”中编写以下语句（图44-2），并在“ test.js”中编写以下语句（图44-3），在“ test.wxss”中编写以下语句） （图44-4）。

图44-2

图44-3

图44-4

效果如下图（图44-5）。

图44-5

如果有多个选项，您可以继续复制

。在“ test.wxml”中编写以下语句（图44-6），效果如下（图44-7），如果该语句写为value =“ {{1,1,1}}”） ，则表示默认选择“第二项，第二项，第二项”（下标从0开始）。

图44-6

图44-7

指标样式属性：在选择器的中间设置所选框的样式。

在“ test.wxml”中添加以下语句（图44-8），效果如下（图44-9）。

图44-8

图44-9

mask-class属性：设置掩码的类名称。

在“ test.wxml”中添加以下语句（图44-10），在“ test.wxss”中添加以下语句（图44-11））。效果如下（图44 -12））。

图44-10

图44-11

图44-12

bindchange属性：滚动选择时，当值更改时触发change事件，event.detail = {value：value}; value是一个数组，表示在picker-view中的picker-view-colume当前选中的项（在下面，标记从0开始）。

在“ test.wxml”中添加以下语句（图44-13）），选中该选项后，将触发更改事件（图44-14））。

44-13

图44-14