uniapp 扫二维码跳转

努力尽今夕,少年犹可夸。这篇文章主要讲述uniapp 扫二维码跳转相关的知识,希望能为你提供帮助。
【uniapp 扫二维码跳转】在h5和wxapp中

  • 生成qrcode的组件 https://ext.dcloud.net.cn/plugin?id=39
  • wx小程序扫二位码文档
生成链接时
computed: { ...mapState([‘userinfo‘]), val() { let val = ‘‘; // h5直接跳网址 // #ifdef H5 val = `https://www.xxx.net/pages/register/register?code=${this.userinfo.code}`; // #endif// 微信小程序按按照小程序规则跳转 // #ifdef MP-WEIXIN // 测试的时候,填写测试链接,测试好了改为动态数据 val = `https://www.xxx.net?code=123`; // #endif return val; } }

接收code时
onLoad(options) {// #ifdef H5 if (options & & ‘code‘ in options) { this.icode = options.code.trim(); } // #endif// #ifdef MP-WEIXIN if (options & & ‘q‘ in options) { const q = decodeURIComponent(options.q); const querys = q .split(‘?‘)[1] .split(‘& ‘) .reduce((acc, it) => { let r = it.split(/=/); return Object.assign(acc, { [r[0]]: r[1] }) }, {}); if (‘code‘ in querys) { this.icode = querys.code.trim(); } } // #endif }


    推荐阅读