Detaillierte Erläuterung der modalen Popup-Komponente des WeChat-Applets

In diesem Artikel werden hauptsächlich relevante Informationen zur detaillierten Erläuterung der modalen Popup-Komponente des WeChat Mini-Programms vorgestellt und einfache Beispiele angehängt. Freunde in Not können sich auf

Modal des WeChat Mini-Programms beziehen:

Hier ist eine detaillierte Analyse der modalen Komponente im WeChat-Miniprogramm. Ich denke, sie kann von Freunden verwendet werden, die WeChat-Miniprogramme entwickeln. Hier wird der Herausgeber die wichtigsten Punkte des modalen Wissens aufzeichnen.

modal

modal ähnelt dem Bestätigungs-Popup-Feld in JavaScript. Standardmäßig handelt es sich jedoch um ein Popup-Fenster mit Bestätigung und Abbruch Das Popup-Fenster wird nach dem Klicken auf „Abbrechen“ nicht angezeigt. Zum automatischen Ausblenden müssen Sie das ausgeblendete Attribut steuern, indem Sie ein Ereignis auslösen und eine Funktion aufrufen.

Offizielles Dokument

.wxml

<modal hidden="{{hidden}}" title="这里是title" confirm-text="自定义确定按钮" cancel-text="自定义取消按钮" bindcancel="cancel" bindconfirm="confirm" no-cancel="{{nocancel}}">
  这是对话框的内容。
</modal>

.js

Page({
  data:{
    hidden:false,
    nocancel:false
  },
  cancel: function(){
    this.setData({
       hidden: true
    });
  },
  confirm: function(){
    this.setData({
       nocancel: !this.data.nocancel
    });  
    console.log("clicked confirm");
  }
})

Laufeffekt

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der modalen Popup-Komponente des WeChat-Applets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!