vue window.open跳转带参数

vue window.open跳转带参数在需要跳转的页面里面写方法,点击该方法就执行letrouteData=this.$router.resolve({path:’/qrCode’,query:{data:JSON.stringify(this.qrcodeData)}});window.open(routeData.href,’_blank’);//path:是你跳转的页…

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

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

vue window.open跳转带参数

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

先定义变量

 

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

 获取变量值:

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

 

今天的文章vue window.open跳转带参数分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/31503.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注