微信小程序开发笔记(三)--- 扫描二维码(复制即用)

前言

本文为微信小程序开发笔记,现学现卖,正在学习中。
如有发现问题或者发现有什么不足的地方,请大佬们多多指教!!!(开发自己的微信小程序中……)
  • 实现效果
    点击图片,开始扫描二维码,然后扫描成功后调用方法。
  • WXML部分
<view class='form-list'>
 <input type='text' value='{{scanCodeMsg}}'></input>
 <image class='scan' bindtap='scanCode' src='/images/scanCode.png' mode='widthFix'></image>
</view>
  • JS部分
 data: {
 scanCodeMsg: "",
},
scanCode: function() {
 var that = this;
 wx.scanCode({ //扫描API
   success(res) { //扫描成功
     console.log(res) //输出回调信息
     that.setData({
       scanCodeMsg: res.result
     });
     wx.showToast({
       title: '成功',
       duration: 1000
     })
   }
 })
},
  • 代码示例(参考学习用)
// 允许从相机和相册扫码
wx.scanCode({
success(res) {
  console.log(res)
}
})

// 只允许从相机扫码
wx.scanCode({
onlyFromCamera: true,
success(res) {
  console.log(res)
}
})

本文参考:http://caibaojian.com/wx-scancode.html,向小编表示感谢!

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值