vue window.open跳转带参数

在需要跳转的页面里面写方法，点击该方法就执行

let routeData = this.$router.resolve({ path: '/qrCode', query: {  data: JSON.stringify(this.qrcodeData) } });window.open(routeData.href, '_blank');
//path: 是你跳转的页面路径
//query: 是你要传递的参数

接着在你跳转过去的页面上获取改参数

先定义变量

  data(){return{qrcodeData:[],    }},

获取变量值：

  mounted(){//获取window.open跳转过来并传递过来的参数this.qrcodeData=JSON.parse(this.$route.query.data)console.log(this.qrcodeData)},

vue window.open跳转带参数相关推荐

vue 返回上一页带参数
返回上一页用的是 this.$router.go(-1) 那么只能在返回之前将参数放在localStorage里面 localStorage.setItem('searchKeyword', this ...
vue2.0 点击跳转传参--vue路由跳转传参数
vue中路由跳转传参数有多种,自己常用的是下面的几种通过router-link进行跳转通过编程导航进行路由跳转 1. router-link [html] view plaincopy <r ...
react native 的底部导航栏以及跳转页面带参数
不知不觉又过去了一周,这周依旧是用RN来开发APP,中间遇到很多坑,不过这段时间还是忙,慢慢总结吧,写出一点是一点.写博客除了分享,在开始写之前也是自己对于这段时间学习的总结,重新看代码,理顺思路,这 ...
详解vue 路由跳转四种方式 (带参数)
本文介绍了vue 路由跳转四种方式 (带参数),本文通过实例代码给大家介绍的详细,具有一定的参考借鉴价值,需要的朋友可以参考下 1. router-link 1. 不带参数 <router-li ...
Vue跳转页面传值（带参数）
Vue跳转页面传值(带参数) <div><div><input type="text" placeholder="输入关键字搜索" ...
vue路由跳转写法在html,详解vue 路由跳转四种方式 (带参数)
1. router-link 1. 不带参数 //name,path都行, 建议用name // 注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由 ...
Vue route页面跳转，传递参数接收到的参数为空
Vue在处理页面跳转传递参数的时候 var devId = row.id; this.$router.push({ name: '/showDevs/devDetail' ,params:{" ...
SQLAlchemy中模糊查询;JS中POST带参数跳转;JS获取url参数
SQLAlchemy中模糊查询,如何like多个关键字 JS中POST带参数跳转一个项目中要跳转到另外一个项目,还需要带参数考虑到安全性的问题,最好是用POST跳转,不能再URL中拼参所以找到了 ...
php带参数跳转页面,如何带参数跳转php界面_后端开发
访问php报404错误的原因_后端开发访问php报404错误的原因:1.php文件丢失或被删除而导致的,可以通过检查php文件是否存在来解决:2.URL访问路径输入错误所导致的,可以通过仔细核对UR ...

vue window.open跳转带参数

vue window.open跳转带参数相关推荐

最新文章

热门文章