vue2.0 method to implement page navigation prompt guidance

Below I will share with you an article on how to implement page navigation prompt guidance in vue2.0. It has a good reference value and I hope it will be helpful to everyone.

When users perform some new operation processes, it is also necessary to provide some navigation processes. The project is implemented using iview's dialog box.

demo：

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

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

When modalOFF is null, the dialog box disappears.

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

JS implements the method of generating QR codes from links and converting them into images

Vue implements dynamics Methods of creating and deleting data

Detailed explanation based on vue2.0 dynamic components and render

The above is the detailed content of vue2.0 method to implement page navigation prompt guidance. For more information, please follow other related articles on the PHP Chinese website!