Beispiel für ein WeChat Mini-Programm: So implementieren Sie einen Schiebeselektor (mit Code)

不言
Freigeben: 2018-08-10 15:09:02
Original
3861 Leute haben es durchsucht

Dieser Artikel zeigt Ihnen ein Beispiel für ein WeChat-Applet: Wie man einen Schiebeselektor implementiert (mit Code). Ich hoffe, dass es für Freunde hilfreich ist.

Implementieren Sie den Schiebeauswahleffekt des WeChat-Applets

In der WXML-Datei wird es durch dargestellt Ein Picker-Tag-Selektor, bindchange ist eine Funktion, die ausgelöst wird, nachdem der Benutzer auf OK geklickt hat, und index ist ein Parameter, der mit dem Picker geliefert wird. Nachdem der Benutzer auf OK geklickt hat, kann mit .detail.value auf die an bindchange gebundene Funktion zugegriffen werden. Der Indexwert der ersten Auswahl ist 0 und erhöht sich nacheinander. Range muss zuerst ein Array in den Daten der Seite definieren und ihm einen Wert zuweisen, und dann wird der Wert des Arrays zur Option im Selektor

<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
   <view class=&#39;choseQuestion&#39; >
    {{choseQuestionBank}}
   </view>
  </picker>
Nach dem Login kopieren

Die entsprechenden Daten und Funktionen in der js-Datei sind wie folgt

Page({
 data:{
  array:['全部','计算机网络','算法','数据结构','linux'],
  type:0,
  choseQuestionBank:"点击选择"
 },
 bindPickerChange: function (e) {
  var that=this
  console.log('picker发送选择改变,携带值为', e.detail.value)
  this.setData({
   type: e.detail.value,
   choseQuestionBank: that.data.array[e.detail.value]
  })
 },
})
Nach dem Login kopieren

Wenn Sie klicken, um die Auswahl zu bestätigen, müssen Sie nur den Wert von this.data.type beurteilen, um verschiedene Entscheidungen zu treffen.

Empfohlene verwandte Artikel:

Beispiel für ein WeChat-Applet: Den Effekt des Wechsels der oberen Tabulatortaste und des Schiebewechsels erkennen, wenn sich die Navigationsleiste mitbewegt (Code)

Beispiel für ein WeChat-Applet: Code-Implementierung, um den aktuellen Stadtstandort zu erhalten und den geografischen Standort erneut zu autorisieren

Das obige ist der detaillierte Inhalt vonBeispiel für ein WeChat Mini-Programm: So implementieren Sie einen Schiebeselektor (mit Code). 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