一、效果图
二、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: {
//当前选中数组的下标值
<