首页 > 学术百科

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

文迪雅事件vue2.0实现页⾯导航提⽰引导
大众投资指南⽤户在进⾏⼀些新的操作流程时，提供⼀些导航流程也是必要的。项⽬中采⽤的是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的时候，对话框也就消失了。
>流氓是怎样炼成的

本文发布于:2024-09-22 21:22:50，感谢您对本站的认可！

本文链接：https://www.17tex.com/xueshu/397016.html

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。

上一篇：Vue轻量级后台管理系统基础模板
下一篇：搭建前端UI组件库（一）——构思
标签：对话框   导航   属性   流程   实现   提供   指南   离合器
留言与评论（共有 0 条评论）
   
验证码：
推荐文章
排行榜
热门标签
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议