微信小程序picker 轮滑1-100的实现

实现的效果

微信小程序picker 轮滑1-100的实现

一般普通的使用是在data初始化数据的时候给一个数组例如

array: ['中国', '美国', '英国', '日本'], 那么弹出的数据也就是这么几个

如果是1-100  很显然不能用这种方法来写,肯定用到for循环呢

实现方法:

首先需要定义书数组为空方到data里面,然后写一个for循环赋值给这个空的数组

data里面:

arraynum:[]

 

for 循环就写在onLoad里面即可 如下

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

var arr = new Array(100)

for (var i = 1; i < arr.length + 1; i++) {

arr[i - 1] = i;

}

this.setData({

arraynum: arr

})

},

这里说一个为什么i-1 主要是数组下标是从0开始的 

然后就是那数据了

picknum:function(a){

console.log(a.detail.value)

this.setData({

num : this.data.arraynum[a.detail.value]

})

},

这里 num : this.data.arraynum[a.detail.value] 就是赋值呢

因为num是data初始化里里面的数据  用的就是this.data,

a.detail.value 是拿到的数组的下标值,方到数组里面就是要显示的数组了,

大致思路就是这样的

给出demo参考

demo地址,如果帮助了您希望给一个免费的star