下面我就为大家分享一篇vue2.0 实现页面导航提示引导的方法,具有很好的参考价值,希望对大家有所帮助。
用户在进行一些新的操作流程时,提供一些导航流程也是必要的。项目中采用的是iview 的对话框进行实现的。
demo:
1 2 3 4 5 6 7 8 9 10 11 12 | < 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 >
|
Salin selepas log masuk
js代码:
1 2 | 让谁先显示,就在data中定义modalOFF的属性值。默认是
modalOFF: 1,
|
Salin selepas log masuk
当modalOFF为null的时候,对话框也就消失了。
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
JS实现将链接生成二维码并转为图片的方法
Vue实现动态创建和删除数据的方法
基于vue2.0动态组件及render详解
Atas ialah kandungan terperinci vue2.0 实现页面导航提示引导的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!