[Trois types de fenêtres pop-up sur le front-end]

1. fenêtre pop-up d'alerte

Seul le bouton "Confirmer" peut être actionné dans la fenêtre

this.$alert(
      "提示信息",
      "提示",
      {
    
    
        confirmButtonText: "确定",
        callback: (action) => {
    
    
        }
      }
    )

2. Confirmez la fenêtre contextuelle

Les opérations des boutons "Confirmer" et "Annuler" peuvent être effectuées dans la fenêtre

this.$confirm('提示信息?', '提示', {
    
    
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
    
    
          this.$message({
    
    
            type: 'success',
            message: '删除成功!'
          });
        }).catch(() => {
    
    
          this.$message({
    
    
            type: 'info',
            message: '已取消删除'
          });          
       });

Cliquez sur le bouton OK pour appeler le contenu spécifié par la méthode then. Cliquez sur le bouton Annuler pour appeler le contenu spécifié par la méthode catch ;
si la méthode then renvoie une erreur lors de l'exécution, elle sera également interceptée par la méthode catch.

3. fenêtre contextuelle d'invite

La fenêtre peut effectuer les opérations des boutons "Confirmer" et "Annuler", et il y a une zone de saisie pour saisir du texte.

La boîte de message d'invite fournit un champ de texte dans lequel les utilisateurs peuvent saisir une réponse en réponse à votre invite. La boîte de message comporte un bouton « OK » et un bouton « Annuler ». Si vous fournissez un paramètre de chaîne auxiliaire, la boîte de message d'invite affichera la chaîne auxiliaire dans le champ de texte comme réponse par défaut. Sinon, le texte par défaut est "".
Comme les méthodes alert() et confirm(), la méthode prompt affiche également une boîte de message modale. L'utilisateur doit fermer la boîte de message avant de continuer.
Par exemple : var theResponse = window.prompt("Welcome?", "Veuillez entrer votre nom ici.");
insérer la description de l'image ici

Je suppose que tu aimes

Origine blog.csdn.net/m0_46459413/article/details/129040289
conseillé
Classement