這篇“微信小程序中怎么使用slider和switch”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“微信小程序中怎么使用slider和switch”文章吧。
1、效果展示
2、關鍵代碼
① index.wxml
<view>微信小程序組件：滑動選擇器slider</view>
<slider bindchange="sliderBindchange" min="{{min}}" max="{{max}}" show-value/>
<view>最小值：{{min}}</view>
<view>最大值：{{max}}</view>
<view>當前值：{{text}}</view>
<view>---------------------------------</view>
<view>微信小程序組件：開關組件switch</view>
<switch checked type="switch" bindchange="switchBindchange"/>
<view>開關組件當前狀態：{{switchState}}</view>② index.js
Page({
data:{
// text:"這是一個頁面"
min:'20',
max:'150',
text:'',
switchState:'開'
},
sliderBindchange:function(e){
this.setData({
text:e.detail.value
})
},
switchBindchange:function(e){
if(e.detail.value){
this.setData({
switchState:'開'
})
}else{
this.setData({
switchState:'關'
})
}
}
})以上就是關于“微信小程序中怎么使用slider和switch”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
