Méthode de débogage du programme Vue et embellissement de la page

1. Méthode de débogage du programme Vue

1.1 débogage de la console

Utilisez console.log pour imprimer des informations sur la console du navigateur afin de déboguer le programme :

insérez la description de l'image ici

insérez la description de l'image ici

1.2 débogage des alertes

Utilisez la fenêtre contextuelle d'alerte pour demander des informations pour déboguer le programme :

insérez la description de l'image ici

insérez la description de l'image ici

1.3 débogage débogage

Utilisez le débogueur pour interrompre le débogueur :

insérez la description de l'image ici

insérez la description de l'image ici

2. Méthode générale d'embellissement des scripts frontaux

2.1 Réaliser l'effet de chargement de la page et fermer le chargement lorsque l'appel de la méthode est réussi

insérez la description de l'image ici
insérez la description de l'image ici

2.2 Une fois le bouton actionné, le style d'invite de message supérieur
this.$message({
    
    
  message: '恭喜你,这是一条成功消息',
  type: 'success'
});

insérez la description de l'image ici

2.3 Une fois le bouton actionné, la fenêtre contextuelle affiche le résultat

1. Dépendances d'installation

npm install --save sweetalert 

2. Importation globale main.js

import swal from 'sweetalert'

3. Utiliser des composants

swal({
    
     
  title: "Good job!", 
  text: "You clicked the button!", 
  icon: "success", 
  button: "Aww yiss!", 
}); 
  • titre : titre
  • texte : texte du contenu
  • icône :图标 "avertissement", "erreur", "succès", "info"
  • bouton : bouton

insérez la description de l'image ici

insérez la description de l'image ici

2.4 Plus d'utilisation

Pour plus d'informations sur l'utilisation des composants de page, veuillez vous référer à la documentation elemnet-ui :
https://element.eleme.cn/2.0/#/zh-CN/component/installation

================================================= == ===============================
Ce qui précède est tout le contenu de cette fois, je l'ai vu ici, si cela vous est utile, veuillez déranger Like + Favorite + Follow, un clic et trois liens ~

Pour les deux premiers articles sur Vue, veuillez vous référer à :
Introduction à Vue Introduction à
la composition de la page Vue et aux attributs communs

Bienvenue à prêter attention à mon compte officiel ci-dessous : Programmeur Oncle Yang, toutes sortes d'articles y seront publiés dès que possible, et continuez à partager les marchandises sèches de la connaissance des tests de pile complète. Votre soutien est la plus grande motivation pour le auteur à mettre à jour~

Je suppose que tu aimes

Origine blog.csdn.net/baidu_28340727/article/details/128986467
conseillé
Classement