this.$router.go(-1)

原页面表单中的内容会丢失；
向前或者向后跳转n个页面，n可为正整数或负整数

this.$router.go(-1)：后退+刷新

this.$router.go(0)：刷新；

this.$router.go(1) ：前进

this.$router.back()

原页表表单中的内容会保留

this.$router.back():后退；

this.$router.back(0) 刷新；

this.$router.back(1)：前进

this.$router.push

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

1. 不带参数

this.$router.push(’/home’)

this.$router.push({name:‘home’})

this.$router.push({path:’/home’})

2. query传参

this.$router.push({name:‘home’,query: {id:‘1’}})

this.$router.push({path:’/home’,query: {id:‘1’}})

html 取参 $route.query.id
script 取参 this.$route.query.id

3. params传参

this.$router.push({name:‘home’,params: {id:‘1’}}) // 只能用 name

路由配置 path: “/home/:id” 或者 path: “/home:id” ,
不配置path ,第一次可请求,刷新页面id会消失
配置path,刷新页面id会保留
html 取参 $route.params.id
script 取参 this.$route.params.id

4. query和params区别

query类似 get, 跳转之后页面 url后面会拼接参数,类似?id=1, 非重要性的可以这样传,

params类似 post, 跳转之后页面 url后面不会拼接参数 , 但是刷新页面id 会消失,密码之类还是用params刷新页面

this.$router.replace

跳转到指定url路径，但是history栈中不会有记录，点击返回会跳转到上上个页面 (就是直接替换了当前页面)【A----->B----->C 结果B被C替换 A----->C)】

用法同 this.$router.push

Vue 路由跳转【返回、刷新、跳转】相关推荐

vue 路由嵌套（子路由跳转报错或者失效解决方法）
嵌套路由时,子路由懒加载有时会失效,最好定义引用好,再进行加载,示例结构: {path: '/shopRech',redirect:'/shopRech/shopRechHome',component ...
vue路由传参实时刷新
使用 watch 监听 '$route' () { this.initData() // 初始值一下methods方法 } methods:{ initData(){ this.id = this.$ ...
Vue路由传参及传参后刷新导致参数消失处理
参考:https://blog.csdn.net/qq_43103581/article/details/82260073(vue 路由传递参数,刷新页面后参数丢失) 项目功能需要,要从列表页跳转到第 ...
vue路由跳转返回上一级
vue路由跳转,返回上一级 this.$router.go(-1)
VUE路由跳转后自动刷新一次页面
VUE路由跳转后自动刷新一次页面我们在前端开发时有时会遇到一些问题,暂时找不到解决办法只有靠刷新才能救一下.可是又不能每次都手动刷新.在网上找了很久的自动刷新办法,发现大部分都是路由跳转类的刷新,和 ...
vue路由跳转回退后页面不刷新处理
vue路由跳转回退后页面不刷新处理 ·利用keep-alive 缓存需要缓存的页面具体实现流程 1.在app.vue中改写router-view <keep-alive><rout ...
vue 路由跳转页面不刷新
vue 路由跳转页面不刷新点击打开视频讲解地址在router-view 里边添加 :key="$route.fullPath" <!-- 添加:key="$ro ...
Vue路由跳转页面并刷新页面
watch监测到路由发生跳转时刷新一次页面 watch: {$route() {location.reload();},},
vue路由跳转权限_vue权限路由实现方式总结
使用全局路由守卫实现前端定义好路由,并且在路由上标记相应的权限信息 const routerMap = [ { path: '/permission', component: Layout, re ...
vue——路由之路由跳转、路由传参、路由嵌套、路由模式
相关认识: 后端路由:对于前端的网络请求,不同的pathname,去执行后端的不同业务前端路由:不同的网址对应各自的页面 vue的前端路由:SPA应用要做出路由效果,就得判断当前网址,然后切换组件 ...

Vue 路由跳转【返回、刷新、跳转】

Vue 路由跳转【返回、刷新、跳转】

this.$router.go(-1)

this.$router.back()

this.$router.push

this.$router.replace

Vue 路由跳转【返回、刷新、跳转】相关推荐

最新文章

热门文章

Vue 路由 跳转【返回、刷新、跳转】

Vue 路由 跳转【返回、刷新、跳转】

this.$router.go(-1)

this.$router.back()

this.$router.push

this.$router.replace

Vue 路由 跳转【返回、刷新、跳转】相关推荐

最新文章

热门文章

Vue 路由跳转【返回、刷新、跳转】

Vue 路由跳转【返回、刷新、跳转】

Vue 路由跳转【返回、刷新、跳转】相关推荐