Vue跳转到另一页面后如何返回原来的页面

最新推荐文章于 2024-05-07 22:52:05 发布

Squerral

最新推荐文章于 2024-05-07 22:52:05 发布

阅读量4.4k

点赞数

文章标签：前端 javascript vue vue.js

本文链接：https://blog.csdn.net/qq_44573359/article/details/125636219

版权

将跳转前的url路径编码后作为query参数传到另一页面中，在另一页面中解码参数获得跳转前的url路径，利用window.open()跳转回原来的页面。

1.编码：

// 该编码方式会将url中的/ ?等特殊符号编码，适用于将url作为参数传递，我们选用这种方式
encodeURIComponent(window.location.href);

// 该编码方式不会将特殊符号编码，不适用于将url作为参数传递
encodeURI(window.location.href)

// 另一种编码方式,将binary转为base64，也可以选用这种方式
window.btoa(window.location.href)

// 跳转
window.open(`https://xxx?serverName=${encodeURIComponent(window.location.href)}`,'_self');

2.解码

//解码方式1
decodeURIComponent(this.$route.query.serverName)

//解码方式2
decodeURI(this.$route.query.serverName)

//解码方式3
window.atob(this.$route.query.serverName)