微信小程序如何使用slider設(shè)置數(shù)據(jù)值及switch開關(guān)組件功能

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

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

具體如下：

1、效果展示

2、關(guān)鍵代碼

① 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>微信小程序組件：開關(guān)組件switch</view>
<switch checked type="switch" bindchange="switchBindchange"/>
<view>開關(guān)組件當前狀態(tài)：{{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:'關(guān)'
  })
 }
 }
})

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

網(wǎng)頁標題：微信小程序如何使用slider設(shè)置數(shù)據(jù)值及switch開關(guān)組件功能
鏈接分享：http://muchs.cn/article36/gedjsg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、品牌網(wǎng)站制作、網(wǎng)站設(shè)計公司、網(wǎng)站策劃、域名注冊、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)