WeChat mini-program modal bullet box component details

This article mainly introduces the details of the mini-program modal bullet box component, and provides a simple example, for more information about the mini-program modal bullet box components, see the next article.

Applet modal:

The modal component in the applet is analyzed in detail here. I want to develop the applet for use by a small partner. here I will record the knowledge points of modal.

Modal

Modal is similar to the confirm pop-up box in javascript. by default, it is a pop-up box with confirmation and cancellation, but the pop-up box will not be automatically hidden after you click cancel, you need to trigger the event to call a function to control the hidden attribute.

Official documentation

 
  
This is the content of the dialog box.

 

. 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 ");}})

Running effect

The above is a detailed description of the mini-program modal bullet box component. For more information, see other related articles in the first PHP community!