vue2.0 实现页面导航提示引导的方法

Posted 2023-03-16

参考技术A 用户在进行一些新的操作流程时，提供一些导航流程也是必要的。项目中采用的是iview
的对话框进行实现的。
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代码：
让谁先显示，就在data中定义modalOFF的属性值。默认是
modalOFF:
1,
当modalOFF为null的时候，对话框也就消失了。
以上这篇vue2.0
实现页面导航提示引导的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:vue2.0实现导航菜单切换效果vue实现nav导航栏的方法vue-router路由与页面间导航实例解析vue
挂载路由到头部导航的方法