微信小程序 扫一扫跳转到外部链接

本文介绍了一种在微信小程序中实现外部链接跳转的方法,通过先跳转至本地页面,再利用<web-view>标签的src属性指向外部链接,巧妙绕过微信直接跳转限制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

微信是不支持直接跳转到外部的链接,那就真的不能了吗???

我们可以转换一下思维,中间先跳转到其他页面,在通过页面内的<web-view></web-view>标签中的 src 属性进行设置就可以了

在wxml 文件中写:

<button bindtap="fun">扫一扫</button>

在js文件中调取微信扫码API方法

  fun() { 
    wx.scanCode({  // 微信扫码 调起客户端扫码界面进行扫码
      complete: (res) => {}, //接口调用结束的回调函数(调用成功、失败都会执行)
      fail: (res) => {}, //接口调用失败的回调函数
      onlyFromCamera: true, //是否只能从相机扫码,不允许从相册选择图片,这里是只允许相机扫码
      scanType: ['qrCode'], // scanType:扫码类型 : 二维码
      success: (result) => { // 接口调用成功的回调函数
        console.log(result);
        wx.navigateTo({ //navigateTo:页面跳转 保留当前页面(页面隐藏,并未销毁,节省性能),跳转到应用内的某个页面。但是不能跳到 tabbar 页面  ,小程序使用页面跳转方法的时候 不能添加文件扩展名,否则会没有反应
          url: '/pages/gyf/gyf',
        })
        wx.setStorage({ // 设置微信本地存储数据
          data: result,
          key: 'key',
          complete: (res) => {},
          fail: (res) => {},
          success: (res) => {},
        })
      }
    })
  }

可以看到我们navigateTo 是跳转我们本地的一个页面

 我们可以在这个页面中使用<web-view></web-view>标签中的 src 属性进行外部链接跳转

<web-view src="https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html"></web-view><!--指向外部的网页链接-->

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值