PC端生成二维码，微信扫码带参数跳转微信小程序指定页面

发布：2022/3/26 17:47:09作者：管理员来源：本站浏览次数：2000

1、首先在登录微信公众号-小程序-开发-开发设置找到 ‘扫普通链接二维码打开小程序’，然后添加配置。

2、配置成功后，在PC端写一个按钮，点击按钮根据链接与参数生成二维码图片

<button type="default" @click="transmit">点击生成二维码</button>
<div class="erweima" id="qrcode" ref="qrcode"></div>

3、链接生成二维码使用的是qrcodejs2，需要安装并引入，同时引入jquery

npm install qrcodejs2 --save

import QRCode from "qrcodejs2";
import $ from "jquery"

4、JS 中

methods: {
        transmit(){ if (this.$refs.qrcode.title != '') {
                $('#qrcode').html("") }this.qrcode('小红', 18);
        },
        qrcode(e, n) {
            let qrcode = new QRCode("qrcode", {
                width: 200, // 二维码宽度，单位像素 height: 200, // 二维码高度，单位像素 text: "https://api.zhiyedang.cn/a?=" + e + "&" + n // 生成二维码的链接  });
        },
    }

到这里，点击按钮就能生成二维码了，用微信扫二维码也能跳到小程序指定页面了

注意（这个功能默认跳转到线上的小程序，如果想要跳转到体验版，第一步测试链接里面的二维码规则，和PC端二维码链接的格式需要一致，否则跳进去报错400）

微信小程序中

app.js 中

onLaunch: function () { var that = this ; if(JSON.stringify(options.referrerInfo)!='{}'){
      that.globalData.name=options.referrerInfo.extraData.name;
      that.globalData.age=options.referrerInfo.extraData.age;
    }
  },

globalData: {
    name:'',
    age:'',
  }

扫描后跳转的小程序页面中获取参数

data: {
    name: '',
    age: '' },

onLoad: function (options) { var name var age if (JSON.stringify(options)=='{}') {
      name = app.globalData.name
      age = app.globalData.age this.setData({
        name: name,
        age: age
      }) return }

    let url = decodeURIComponent(options.q)
    let data = url.split('=')[1]
    name = data.split('&')[0]
    age = data.split('&')[1] this.setData({
      name: name,
      age: age
    })

  },

到这里就算完成了

　c# 微信小程序B接口获取小程序二维码

.net/C# 微信小程序如何生成二维码图片　

网站实现扫描二维码关注微信公众号，自动登陆网站并获取其信息微信扫码登录前后端实现(SpringBoot、Vue.js) 微信小程序添加跳转连接微信小程序生成推广分销二维码微信小程序实现添加多个组件或移除实现办法微信小程序开发常用知识点总结汇总微信小程序自定switch样式微信、支付宝二维码支付集成微信小程序-调用工具js文件/utils文件中的函数/变量微信小程序区分开发版、体验版和正式版

柏港建站平台

柏港微信小程序

PC端生成二维码，微信扫码带参数跳转微信小程序指定页面

柏港为您推荐了一些相关资讯

柏港 微信小程序

PC端生成二维码，微信扫码 带参数跳转微信小程序指定页面

柏港为您推荐了一些相关资讯

柏港微信小程序

PC端生成二维码，微信扫码带参数跳转微信小程序指定页面