第一种：

this.$router.push('需要跳转到的路径名称')

此方法跳转后，会在历史栏目中保存路劲地址，当点击历史标签时可以进行访问

第二种：

this.$router.replace('需要跳转到的路径名称')

此方法跳转后，会在历史栏目中不保存路劲地址，当点击历史标签时不可以进行访问

第三种：

this.$router.go('需要跳转到的步数')// 步数可以为正  ，也可为负数

此方法需要设置跳转的步数，可为正为负。
同时可以结合以上的两种方法搭配使用，形成页面的过滤操作

过滤操作

第一 > 第二 > 第三
第一使用 push
第二使用 replace
第三就可以使用 go(-1)

第三的跳转数值，根据 push 的使用次数进行决定，第三次跳转后，点击历史按钮，不会再出现第二次使用的页面记录

this.$router 的三种跳转页面方法相关推荐

meta http-equiv=refresh 和13种跳转页面方法的故事
我们来说说13种页面跳转方法先来介绍一下在服务端JSP脚本中跳转页面的4种方法: response.sendRedirct("跳转到页面"); 该方法通过修改HTTP协议的HEA ...
【vue-route路由配置+路由router三种跳转方式+两类传参queryparams】
PS:个人总结笔记简单说下,很粗略,入门级 1.vue-route路由配置 import Vue from 'vue' import VueRouter from 'vue-router'//使用V ...
php写js跳转页面,php实现页面的三种跳转
php实现页面的三种跳转方法:1.通过header函数实现跳转:2.使用Meta标签实现跳转:3.通过在PHP页面中输出JavaScript跳转代码来实现. 本文操作环境:windows7系统.PHP ...
vue路由传参的三种方式/含页面刷新参数丢失解决方案(详细)
vue路由传参的三种方式以及页面刷新参数丢失问题一.路由传参的三种方式 1.传参方式一:params传参 2.传参方式二:路由属性配置传参 3.传参方式三:query传参二.三种传递方式的区别一 ...
vue中，scss样式的三种写法——当前页面直接定义、@import引入样式、main.js引入公共样式 deep和important的写法
vue中,scss样式的三种写法--当前页面直接定义.@import引入样式.main.js引入公共样式 & deep和important的写法 1.安装scss # 安装node-sass ...
【微信小程序】小程序中几种跳转页面的方式
本期内容本期将介绍小程序中,几种跳转页面的方式以及区别目录 1.只能跳转到 tabBar 配置页面 2.返回上一级页面( delta:返回的页面数,默认值为 1,若 delta 大于现有页面数,则 ...
html js url 跳转页面内容,js跳转页面方法总结
js跳转页面方法大全3祥子网屋;秒后自动跳转-- function countDown(secs){ tiao.innerText=secs; if(--secs>0) setTimeout(& ...
信鸽推送之厂商通道和点击消息跳转页面方法
一.厂商通道集成 1.华为推送通道集成:http://xg.qq.com/docs/android_access/huawei_push.html 2.小米推送通道集成:http://xg.qq.co ...
html js界面跳转,js跳转页面方法总结
js跳转页面方法大全3祥子网屋;秒后自动跳转-- function countDown(secs){ tiao.innerText=secs; if(--secs>0) setTimeout(& ...

this.$router 的三种跳转页面方法

第一种：

第二种：

第三种：

过滤操作

this.$router 的三种跳转页面方法相关推荐

最新文章

热门文章