So verwenden Sie den Schieberegler, um Datenwerte im WeChat-Applet festzulegen

Dieser Artikel stellt hauptsächlich die Verwendung von Schiebereglern zum Festlegen von Datenwerten und zum Wechseln von Komponentenfunktionen vor. Er analysiert die Funktionen und die Verwendung von Schiebereglerkomponenten und Schaltkomponenten in Form von Beispielen zum Herunterladen und Nachschlagen. Freunde in Not Sie können sich auf Folgendes beziehen:

Dieser Artikel beschreibt das Beispiel eines WeChat-Applets, das einen Schieberegler zum Festlegen von Datenwerten und zum Wechseln von Komponentenfunktionen verwendet. Teilen Sie es als Referenz mit allen wie folgt:

Schlüsselcode

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

Das Obige habe ich für Sie zusammengestellt. Ich hoffe, es wird Ihnen in Zukunft hilfreich sein.

Verwandte Artikel:

Verwenden von Angular zum Schreiben von Nachrichtenkomponenten

So implementieren Sie Komponentenkommunikation in vue-cli

Worauf sollten wir bei der Optimierung von Vue-Projekten achten?

Entwickelt mit modularem Ansatz in VueJS

So implementieren Sie die Array-Aktualisierungsfunktion in VUE

So verwenden Sie vue-cli, um mehrseitige Anwendungen zu implementieren

Das obige ist der detaillierte Inhalt vonSo verwenden Sie den Schieberegler, um Datenwerte im WeChat-Applet festzulegen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!