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

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

1、效果展示

2、關(guān)鍵代碼

① index.wxml

微信小程序組件：滑動(dòng)選擇器slider

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

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

② index.js

Page({
 data:{
 // text:"這是一個(gè)頁(yè)面"
 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)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站題目：微信小程序中怎么使用slider和switch-創(chuàng)新互聯(lián)
文章URL：http://weahome.cn/article/cedici.html