vue2路由跳转,页面不跳的问题

本文介绍了如何通过添加路由守卫来解决页面加载和跳转的策略,详细阐述了在Vue应用中,如何在App组件中设置生命周期钩子以确保页面加载时显示Home页面,并在特定点击事件中正确跳转到注册页面。

由于学的不扎实,这里我遇到的问题可能用路由守卫就能解决,但是我不会,只会简单的入门级解决方案

原代码:

 

 修改后:

 main.js里也有变动,补充完整(不补也没问题)

解决方案:添加路由出口(这个页面是tiao转到新页面,所以把 写在App里更适合,同时在App里写一个生命周期钩子,表示页面刚加载完就展示home页面,同时在点击时会跳转到这个出口页面,展示注册页面)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值