微信小程序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参考