首页 > 其他 > 详细

3、编程式的导航

时间:2020-09-11 18:44:56      阅读:56      评论:0      收藏:0      [点我收藏+]

在 Vue 实例内部,你可以通过 $router 访问路由实例。因此你可以调用 this.$router.push

想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。

 

当你点击 <router-link> 时,这个方法会在内部调用,所以说,点击 <router-link :to="..."> 等同于调用 router.push(...)

技术分享图片

 

 

//字符串
// this.$router.push(‘/bar‘)
 //字符串
router.push(/bar)
//对象
// router.push({ path: ‘/bar‘ })
//命名的路由
// let userId = 10
// router.push({ path: `/user/${userId}`})        

 

技术分享图片

 

技术分享图片

 

3、编程式的导航

原文:https://www.cnblogs.com/caijinghong/p/13652985.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!