当前位置: 首页 > news >正文

router 和route push和replace的区别

1.this.$router.push()

描述:跳转到不同的url,但这个方法会向history栈添加一个记录,点击后退会返回到上一个页面。

2.this.$router.replace()

描述:同样是跳转到指定的url,但是这个方法不会向history里面添加新的记录,点击返回,会跳转到上上一个页面。上一个记录是不存在的。

3.this.$router.go(n)

相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面。

vue-router 路由实现
路由就是用来跟后端服务器进行交互的一种方式,通过不同的路径,来请求不同的资源,请求不同的页面是路由的其中一种功能
1 router-link to =’/url’ /
2 This.$router.push(‘url’)

**.路由传参的几种方式
vue-router 可以通过 params 与 query 进行传参

1 // 传递this.$router.push({path: './xxx', params: {xx:xxx}}) 加:占位符,刷新不丢失。
2 this.$router.push({path: './xxx', query: {xx:xxx}})

// 接收this.$route.params
this.$route.query

params 是路由的一部分,必须要有。query 是拼接在 url 后面的参数,没有也没关系
params 不设置的时候,刷新页面或者返回参数会丢,query 则不会有这个问题**

相关文章:

  • 测试php解析
  • Joomla 2.x, 3.x useful code cheatsheet
  • NavigationDuplicated: Avoided redundant navigation to current location: “/“
  • mysql 存储过程
  • Python tab补全
  • vue项目使用cookie、localStorage和sessionStorage进行储存数据
  • win7更改桌面路径
  • forEach循环遍历取id进行删除
  • CocoaPods升级安装三方库报错
  • router和route 传参接收参数的应用
  • 阿里巴巴SUI Mobile的使用
  • 关于时间向前推算到天,并且算闰年的计算
  • Android传递Bitmap的两种简单方式及其缺陷
  • Android中的mvp
  • 前端初始化项目对axios的封装和token的存储应用以及config.js代理的配置 比较全的了。
  • 9月CHINA-PUB-OPENDAY技术沙龙——IPHONE
  • [ 一起学React系列 -- 8 ] React中的文件上传
  • 【划重点】MySQL技术内幕:InnoDB存储引擎
  • Javascript 原型链
  • js正则,这点儿就够用了
  • js中的正则表达式入门
  • log4j2输出到kafka
  • PermissionScope Swift4 兼容问题
  • Promise面试题,控制异步流程
  • SpringCloud(第 039 篇)链接Mysql数据库,通过JpaRepository编写数据库访问
  • 后端_MYSQL
  • 基于Android乐音识别(2)
  • 技术发展面试
  • 将回调地狱按在地上摩擦的Promise
  • 精益 React 学习指南 (Lean React)- 1.5 React 与 DOM
  • 实习面试笔记
  • 微信端页面使用-webkit-box和绝对定位时,元素上移的问题
  • 我从编程教室毕业
  • 在weex里面使用chart图表
  • linux 淘宝开源监控工具tsar
  • mysql面试题分组并合并列
  • ​水经微图Web1.5.0版即将上线
  • ​云纳万物 · 数皆有言|2021 七牛云战略发布会启幕,邀您赴约
  • # Python csv、xlsx、json、二进制(MP3) 文件读写基本使用
  • #### go map 底层结构 ####
  • #单片机(TB6600驱动42步进电机)
  • (02)Hive SQL编译成MapReduce任务的过程
  • (3)nginx 配置(nginx.conf)
  • (zhuan) 一些RL的文献(及笔记)
  • (八)五种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (附源码)spring boot火车票售卖系统 毕业设计 211004
  • (附源码)springboot车辆管理系统 毕业设计 031034
  • (免费领源码)Python#MySQL图书馆管理系统071718-计算机毕业设计项目选题推荐
  • (四)Linux Shell编程——输入输出重定向
  • (转)visual stdio 书签功能介绍
  • * 论文笔记 【Wide Deep Learning for Recommender Systems】
  • .libPaths()设置包加载目录
  • .NET Conf 2023 回顾 – 庆祝社区、创新和 .NET 8 的发布
  • .net FrameWork简介,数组,枚举
  • .NET Windows:删除文件夹后立即判断,有可能依然存在