关于uni-app:uniapp调用手机摄像头进行扫码

11次阅读

共计 538 个字符,预计需要花费 2 分钟才能阅读完成。

1. 开发环境 uni-app+uView
2. 电脑系统 windows10 专业版
3. 在应用 uni-app+uView 开发的过程中, 咱们常常会应用到手机进行扫码, 上面我来分享一下应用 uni-app 如何进行手机扫码, 心愿对你有所帮忙。
4. 在 template 中增加如下代码:

<view class="chen-orders chenshebei" @click="Equipmentcheck">
      <u-icon name="scan" color="#2979ff" size="108"></u-icon>
      <text> 设施点检 </text>
    </view>

5. 在 methods 中增加如下代码:

Equipmentcheck() {
      uni.scanCode({success: function (res) { // 胜利之后的回调
          console.log('条码内容:' + res.result);
          // res.result 二维码的内容
          uni.showToast({title: res.result,});
        },
        fail: function (err) {  // 失败之后的回调
          console.log("扫码失败", err);
        },
      });
    },

6. 本期的剖析到了这里就完结啦, 是不是很 nice, 心愿对你有所帮忙, 让咱们一起致力走向巅峰!

正文完
 0