Day31_编程式路由导航

本文介绍Vue.js中使用编程式导航的方法,包括如何利用this.$router进行页面跳转、回退和前进操作,适用于按钮触发或其他非链接方式的场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

提出需求

 1.观察this.$router 上有什么   (push   replace)

 

2.实现this$router.push查看

1》在message组件里面:

 

 3.实现this$router.replace查看

 

4.观察this.$router 上有什么   (back   forward)

 

 5.实现this$router.back回退以及this$router.forward前进

1》在banner组件里面:

2》效果图: 

 6.探寻一下this.$router.go是什么?? 

总结:

 

 编程式路由导航不用router-link来实现       适用于button  或者加一个小定时的效果。

不是a标签

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值