Verwenden Sie den Schieberegler, um Datenwerte festzulegen und Komponentenfunktionen zu wechseln, um das WeChat-Applet zu implementieren

小云云
Freigeben: 2017-12-11 09:30:15
Original
2547 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Verwendung von Schiebereglern zum Festlegen von Datenwerten und zum Wechseln von Komponentenfunktionen vorgestellt. Ich hoffe, dass er allen helfen kann.

Das Beispiel in diesem Artikel beschreibt das WeChat-Applet, das einen Schieberegler verwendet, um Datenwerte festzulegen und Komponentenfunktionen zu wechseln. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. Effektanzeige

2. 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>
Nach dem Login kopieren

② index .js

Page({
 data:{
 // text:"这是一个页面"
 min:&#39;20&#39;,
 max:&#39;150&#39;,
 text:&#39;&#39;,
 switchState:&#39;开&#39;
 },
 sliderBindchange:function(e){
 this.setData({
  text:e.detail.value
 })
 },
 switchBindchange:function(e){
 if(e.detail.value){
  this.setData({
  switchState:&#39;开&#39;
  })
 }else{
  this.setData({
  switchState:&#39;关&#39;
  })
 }
 }
})
Nach dem Login kopieren

Haben Sie das oben Genannte gelernt? Beeilen Sie sich und probieren Sie es aus.

Verwandte Empfehlungen:

So verwenden Sie das Aktionsblatt, um das untere Menü des WeChat-Applets aufzurufen

Die Oben im WeChat-Applet befindet sich ein scrollbarer Navigationseffekt

Funktionsimplementierung der benutzerdefinierten Vorlage des WeChat-Miniprogramms

Das obige ist der detaillierte Inhalt vonVerwenden Sie den Schieberegler, um Datenwerte festzulegen und Komponentenfunktionen zu wechseln, um das WeChat-Applet zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage