微信小程序多项选择器_微信小程序——多列选择器picker组件

一、效果图

二、picker属性

一个简单地多列选择器只要给picker组件加属性mode="multiSelector"即可，绑定数据时使用range来绑定一个数组作为显示内容，下面是官方给出的属性解释。

三、代码

wxml：

mode="multiSelector"

bindchange="bindCustomPickerChange"

bindcolumnchange="bindCustomPickerColumnChange"

value="{ {customIndex}}"

range="{ {onlyArray}}"

>

多列自创选择器：{ {onlyArray[0][customIndex[0]]}}，{ {onlyArray[1][customIndex[1]]}}，{ {onlyArray[2][customIndex[2]]}}

要注意的是，此处的onlyArray数组只是当前显示内容的数组，并不是我们全部数据的数组。

js：

1.先创建页面所需数据

Page({

/**

* 页面的初始数据

*/

data: {

//当前选中数组的下标值

<