美文网首页
vue中路由跳转的几种方法总结

vue中路由跳转的几种方法总结

作者: 逆鳞_wei | 来源:发表于2019-06-27 14:44 被阅读0次

1.this.$router.go(n)

向前或者向后跳转n个页面,n可为正整数或负整数

2、this.$router.push

跳转到指定url路径,并想history栈中添加一个记录,点击后退会返回到上一个页面

// 字符串

 this.$router.push('num') 

 // 对象

 this.$router.push({path: './login'}) 

// 带参数 

this.$router.push({path: './login', query: {name:'kobe-bryant'}}) 

// 跳转后的页面获取参数 

this.name = this.$route.query.name 

3.this.$router.replace

跳转到指定url路径,但是history栈中不会有记录,点击返回会跳转到上上个页面


相关文章

  • mpvue页面跳转及传值

    vue中 使用 vue-router 来进行路由跳转的。mpvue中只能通过以下几种方式跳转:(1).a 标签 (...

  • vue中路由跳转的几种方法总结

    1.this.$router.go(n) 向前或者向后跳转n个页面,n可为正整数或负整数 2、this.$rout...

  • Vue-Router

    1. 路由配置 默认路由跳转 在 new Router时可用的配置参数: 2.路由传参 Vue路由传参的几种方式 ...

  • vue1.0与vue2.0路由的区别

    个人总结——vue1.0与vue2.0路由的区别 vue1.0 html部分———— 主页 跳转链接 ...

  • 解决vue路由跳转页面不刷新的问题

    解决vue路由跳转页面不刷新的问题 通过路由传参跳转界面,页面没有刷新解决方法:在 router-view 中加 ...

  • NavRouter

    使用方法只需要跟vue-router一样正常使用即可,这里我们新加了一个路由跳转方法nav: 路由跳转策略 首先说...

  • Vue路由this.$router.push跳转页面不刷新

    一、背景 介绍:在vue项目开发中,使用路由进行页面跳转时,路由所跳转的页面不进行刷新。也就是vue生命周期函数没...

  • vue-router路由跳转

    vue路由跳转部分的内容

  • 路由模块

    路由模块控制vue内容显示,路由跳转,组件间的跳转。就是一个页面中实现不同组件内容的切换 1. 安装路由模块 ...

  • vue 粘贴板

    vue3 路由跳转 交互

网友评论

      本文标题:vue中路由跳转的几种方法总结

      本文链接:https://www.haomeiwen.com/subject/sgcrcctx.html