ページ ナビゲーション プロンプト ガイダンスを実装する vue2.0 メソッド

ここで、vue2.0 でページ ナビゲーション プロンプト ガイダンスを実装する方法を共有します。これは良い参考値であり、皆さんの役に立つことを願っています。

ユーザーが何らかの新しい操作プロセスを実行する場合、いくつかのナビゲーションプロセスも提供する必要があります。プロジェクトは iview のダイアログ ボックスを使用して実装されます。

デモ:

  <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>

jsコード:

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

modalOFFがnullの場合、ダイアログボックスは消えます。

上記は私があなたのためにまとめたものです。

関連記事:

JSはリンクからQRコードを生成して画像に変換するメソッドを実装

Vueはデータを動的に作成・削除するメソッドを実装

動的コンポーネントとレンダリングの詳細説明vue2.0に基づいています

以上がページ ナビゲーション プロンプト ガイダンスを実装する vue2.0 メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。