在微信小程序中如何使用slider設置數據值

來源：懂視網責編：小采時間：2020-11-27 19:35:53

在微信小程序中如何使用slider設置數據值

在微信小程序中如何使用slider設置數據值:這篇文章主要介紹了微信小程序使用slider設置數據值及switch開關組件功能,結合實例形式分析了slider組件及switch組件的功能與使用方法,并附帶源碼供讀者下載參考,需要的朋友可以參考下本文實例講述了微信小程序使用slider設置數據值及switch開關組件功

推薦度：

點擊下載本文 文檔為doc格式

導讀在微信小程序中如何使用slider設置數據值:這篇文章主要介紹了微信小程序使用slider設置數據值及switch開關組件功能,結合實例形式分析了slider組件及switch組件的功能與使用方法,并附帶源碼供讀者下載參考,需要的朋友可以參考下本文實例講述了微信小程序使用slider設置數據值及switch開關組件功

這篇文章主要介紹了微信小程序使用slider設置數據值及switch開關組件功能,結合實例形式分析了slider組件及switch組件的功能與使用方法,并附帶源碼供讀者下載參考,需要的朋友可以參考下

本文實例講述了微信小程序使用slider設置數據值及switch開關組件功能。分享給大家供大家參考，具體如下：

關鍵代碼

① 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:'關'
 })
 }
 }
})

上面是我整理給大家的，希望今后會對大家有幫助。

使用angular完成Message組件編寫

在vue-cli中如何實現組件通信

Vue項目優化需要注意哪些？

在vuejs中使用模塊化的方式開發

在VUE中如何實現數組更新功能

如何使用vue-cli實現多頁應用

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com