Introducción detallada del componente modal de WeChat Mini Program

WeChat Mini Program modal：

　　　　　　　　　Aquí se realiza un análisis detallado del componente modal de WeChat Mini Program, los amigos que desean desarrollar WeChat Mini Program pueden usarlo, aquí el editor registra los puntos clave del conocimiento de modal.　　　　　　　

modal

modal es similar al cuadro de diálogo confirm de JavaScript, por defecto es un cuadro de diálogo con confirmación y cancelación, pero después de hacer clic en cancelar, el cuadro de diálogo no se oculta automáticamente, se necesita llamar a la función a través de un evento para controlar la propiedad hidden.

Documentación oficial

.wxml

<modal hidden="{{hidden}}" title="[#1#]" confirm-text="Botón de confirmar personalizado" cancel-text="Botón de cancelar personalizado" bindcancel="cancel" bindconfirm="confirm" no-cancel="{{nocancel}}">
  Este es el contenido del cuadro de diálogo.
</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");
  }
}    

Efecto de ejecución

Gracias por leer, espero que pueda ayudar a todos, gracias por el apoyo a este sitio!