1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 微信小程序多项选择器_微信小程序——多列选择器picker组件

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

时间:2021-11-12 03:44:05

相关推荐

微信小程序多项选择器_微信小程序——多列选择器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: {

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

<

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。