溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關怎么在微信小程序中實現一個滑動選擇器，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
在wxml文件中，用一個picker標簽代表選擇器，bindchange是用戶點擊確定后觸發的函數，index是picker自帶的參數，用戶點擊確定后，bindchange綁定的函數用.detail.value就可以訪問到。第一個選擇的index值為0，依次遞增。range要在page的data中先定義一個數組給它賦值，然后數組的值就會變為選擇器中的選項
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
<view class='choseQuestion' >
{{choseQuestionBank}}
</view>
</picker>js文件中對應的數據和函數如下
Page({
data:{
array:['全部','計算機網絡','算法','數據結構','linux'],
type:0,
choseQuestionBank:"點擊選擇"
},
bindPickerChange: function (e) {
var that=this
console.log('picker發送選擇改變，攜帶值為', e.detail.value)
this.setData({
type: e.detail.value,
choseQuestionBank: that.data.array[e.detail.value]
})
},
})上述就是小編為大家分享的怎么在微信小程序中實現一個滑動選擇器了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
