uniapp实现扫一扫功能,扫码成功后跳转页面

uniapp官方有提供的相关api实现跳转到web网页(h5)的功能,在开发小程序中,是一项很常见的功能开发。该功能使用到的api uni.scanCode

详细步骤如下:

1.在ui库中找到扫码icon,以uViewUI为例
uniapp实现扫一扫功能,扫码成功后跳转页面_第1张图片
绑定点击事件@click


2. 在事件clickScan中处理逻辑

 // 点击扫一扫
    clickScan() {
      // 使用uniapp提供扫码api
      uni.scanCode({
        scanType: ['qrCode'],
       // 扫码成功后的回调
        success: (res) => {
        // res中包含二维码中的信息,其中就有网络链接
        // 使用navigateTo跳转,并且携带参数,参数为二维码中的链接
          uni.navigateTo({
            // 这里注意,此地址只是自己提前写好的,并且路径前面一定要加/
            url:`/pages/webpag

你可能感兴趣的:(uni-app)