So verwenden Sie die modale Komponente, um ein Dialogfeld im WeChat-Applet aufzurufen

In diesem Artikel wird hauptsächlich die Popup-Dialogfeldfunktion des WeChat-Applets mithilfe der Modalkomponente vorgestellt und die relevanten Eigenschaften und Fähigkeiten zur Ereignisreaktion der Modellkomponente des WeChat-Applets anhand von Beispielen analysiert kann darauf verweisen

Dieser Artikel beschreibt das Beispiel des WeChat-Applets, das die modale Komponente verwendet, um die Dialogboxfunktion aufzurufen. Teilen Sie es wie folgt mit allen als Referenz:

Schlüsselcode

①, index.wxml

<view>提示：{{tip}}</view>
<button type="default" bindtap="showModal">点击我弹出modal对话框</button>
<view>
 <modal title="modal对话框" hidden="{{modalHidden}}" confirm-text="确定" cancel-text="取消" bindconfirm="modalBindaconfirm" bindcancel="modalBindcancel">您好，我是modal对话框</modal>
</view>

②, index.js

Page({
 data:{
  // text:"这是一个页面"
  tip:'',
  buttonDisabled:false,
  modalHidden:true,
  show:false
 },
 showModal:function(){
  this.setData({
   modalHidden:!this.data.modalHidden
  })
 },
 modalBindaconfirm:function(){
   this.setData({
   modalHidden:!this.data.modalHidden,
   show:!this.data.show,
   tip:'您点击了【确认】按钮！',
   buttonDisabled:!this.data.buttonDisabled
  })
 },
 modalBindcancel:function(){
   this.setData({
   modalHidden:!this.data.modalHidden,
   tip:'您点击了【取消】按钮！'
  })
 }
})

The Oben habe ich es für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Verwendung von Electron zum Erstellen von React+Webpack-Desktopanwendungen (ausführliches Tutorial)

So implementieren Sie es in WeChat mini Programm Nach links oder rechts wischen

Was sind die speziellen Datentypen in JavaScript

So verwenden Sie Ajax, um Serverdaten im WeChat-Applet anzufordern

So verwenden Sie das Anforderungsnetzwerk, um Anforderungsvorgänge in WeChat-Miniprogrammen durchzuführen

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die modale Komponente, um ein Dialogfeld im WeChat-Applet aufzurufen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!