這篇“微信小程序中怎么使用slider和switch”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“微信小程序中怎么使用slider和switch”文章吧。

創(chuàng)新互聯(lián)建站長期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為鎮(zhèn)海企業(yè)提供專業(yè)的成都做網(wǎng)站、成都網(wǎng)站設(shè)計，鎮(zhèn)海網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

1、效果展示

2、關(guān)鍵代碼

① index.wxml

微信小程序組件：滑動選擇器slider

最小值：{{min}}
較大值：{{max}}
當(dāng)前值：{{text}}
---------------------------------
微信小程序組件：開關(guān)組件switch

開關(guān)組件當(dāng)前狀態(tài)：{{switchState}}

② 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:'關(guān)'
  })
 }
 }
})

以上就是關(guān)于“微信小程序中怎么使用slider和switch”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前文章：微信小程序中怎么使用slider和switch-創(chuàng)新互聯(lián)
分享路徑：http://www.xueling.net.cn/article/cedici.html