méthode vue2.0 pour implémenter les conseils d'invite de navigation dans les pages

Je vais maintenant partager avec vous une méthode d'implémentation des conseils d'invite de navigation dans les pages dans vue2.0. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

Lorsque les utilisateurs effectuent de nouveaux processus opérationnels, il est également nécessaire de fournir certains processus de navigation. Le projet est implémenté à l'aide de la boîte de dialogue d'iview.

démo :

  <Modal v-if="modalOFF === 1">
  <p>这里是对话框一</p>
  <button @click="modalOFF = 2"></button>
  </Modal>
  <Modal v-if="modalOFF === 2">
  <p>这里是对话框二</p>
  <button @click="modalOFF = 3"></button>
  </Modal>
  <Modal v-if="modalOFF === 3">
  <p>这里是对话框二</p>
  <button @click="modalOFF = null"></button>
  </Modal>

code js :

让谁先显示，就在data中定义modalOFF的属性值。默认是
 modalOFF: 1,

Lorsque modalOFF est nul, la boîte de dialogue disparaît.

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles associés :

Implémentation JS de la génération de codes QR à partir de liens et de leur conversion en images

Implémentation Vue de la dynamique Méthodes de création et de suppression de données

Explication détaillée des composants dynamiques et rendu basé sur vue2.0

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!