vue2.0 method to implement page navigation prompt guidance

It is also necessary for users to provide some navigation processes when they carry out some new operation processes. The project uses the iview dialog box to implement it.

demo：

  &lt;Modal v-if="modalOFF === 1"&gt;
  &lt;p&gt;Here is the dialog box one&lt;/p&gt;
  &lt;button @click="modalOFF = 2"&gt;&lt;/button&gt;
  &lt;/Modal&gt;
  &lt;Modal v-if="modalOFF === 2"&gt;
  &lt;p&gt;Here is dialog box two&lt;/p&gt;
  &lt;button @click="modalOFF = 3"&gt;&lt;/button&gt;
  &lt;/Modal&gt;
  &lt;Modal v-if="modalOFF === 3"&gt;
  &lt;p&gt;Here is dialog box two&lt;/p&gt;
  &lt;button @click="modalOFF = null"&gt;&lt;/button&gt;
  &lt;/Modal&gt;

js code:

Let who show it first，Just nowdataDefinition inmodalOFFattribute value。The default is
 modalOFF: 1,

When modalOFF is null, the dialog box disappears.

The above method of implementing page navigation prompt guidance in vue2.0 is all the content I share with you. I hope you can give you a reference and I hope you can support me more.