微信扫码进入小程序特定页面

小程序配置开发 - 开发管理 - 开发设置-普通链接二维码打开小程序

配置好的截图如下：二维码规则建议是自己的域名 + /mini/

功能页面 pages/index/index 是为了方便跳转其他页面
在这里插入图片描述
记得把校验文件发给后端

web 端处理
二维码格式为：二维码规则/功能页/你想跳转的页面

// isFlag 是否携带地址
export default function getQrCode(url, isFlag = true) {// url为小程序跳转路由（带参） e.g:subPackages/pages/buildDetail/index?id=7B8349BD29EB4957B19DACD8C98807B3if (isFlag) {let webLocation = localStorage.getItem("location") || "";return `二维码规则/pages/index/index/webUrl=${encodeURIComponent(url)}&webLocation=${encodeURIComponent(webLocation)}`;} else {return `二维码规则/mini/pages/index/index/webUrl=${encodeURIComponent(url)}`;}
}
// 这儿我用的vue-qrCode  生成的二维码mounted() {let url = "pages/houseList/index?tabIndex=2";this.$nextTick(() => {this.qrcode = new QRCode(this.$refs.qrCode, {text: this.getQrCode(url),width: 126,height: 126,colorDark: "#000000",colorLight: "#ffffff",correctLevel: QRCode.CorrectLevel.Q,});});},

小程序处理 这儿自己看着的参数处理：我这儿的解码思路是判断有无地址，无地址就那webUrl后面的数据有地址在分割分别赋值

  onLoad: function (options) {if (options && options.q) {// 从普通二维码扫码进入let par = options && options.q && decodeURIComponent(options.q).split('二维码规则/pages/index/index/webUrl=')[1]let url = this.decodeURIFunc(par),location = ''if (decodeURIComponent(par).includes('webLocation')) {url = this.decodeURIFunc(decodeURIComponent(par).split('&webLocation=')[0]),location = decodeURIComponent(par).split('&webLocation=')[1]wx.setStorageSync('cityCode', location)wx.setStorageSync('localtion', JSON.parse(location).location)}// 这儿的/ 不能丢哦wx.navigateTo({url: '/' + url,})}}// 处理解码后 / ？ = 无法解码问题decodeURIFunc(val) {return val.replace(/%2F/g, '/').replace(/%3F/g, '?').replace(/%3D/g, '=')},