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

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>

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]
  })
 },
})

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!