微信小程序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
總結
以上是生活随笔為你收集整理的微信小程序picker 轮滑1-100的实现的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 形容失眠睡不着的句子
- 下一篇: java方法的使用