這篇文章給大家分享的是有關(guān)微信小程序如何使用slider設(shè)置數(shù)據(jù)值及switch開(kāi)關(guān)組件功能的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

創(chuàng)新互聯(lián)從2013年成立，先為零陵等服務(wù)建站，零陵等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為零陵企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

具體如下：

1、效果展示

2、關(guān)鍵代碼

① index.wxml

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

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

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

② index.js

Page({
 data:{
 // text:"這是一個(gè)頁(yè)面"
 min:'20',
 max:'150',
 text:'',
 switchState:'開(kāi)'
 },
 sliderBindchange:function(e){
 this.setData({
  text:e.detail.value
 })
 },
 switchBindchange:function(e){
 if(e.detail.value){
  this.setData({
  switchState:'開(kāi)'
  })
 }else{
  this.setData({
  switchState:'關(guān)'
  })
 }
 }
})

感謝各位的閱讀！關(guān)于“微信小程序如何使用slider設(shè)置數(shù)據(jù)值及switch開(kāi)關(guān)組件功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！