详解微信小程序-扫一扫 wx.scanCode() 扫码大变身

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了详解微信小程序-扫一扫 wx.scanCode() 扫码大变身，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含984字，纯文字阅读大概需要2分钟。

内容图文

效果

js

let app = getApp();
Page({
 data: {
 img: "/images/1.jpg"
 },
 onLoad() {
 },
 scan() {
 wx.scanCode({
  success: (res) => {
  console.log("扫码结果");
  console.log(res);
  this.setData({
   img: res.result
  })
  },
  fail: (res) => {
  console.log(res);
  }
 })
 }
})

html

<view class="view">
 <image class="cover-9" src="{{img}}" bindtap="img"></image>
 <button type="primary" bindtap="scan" id="scan">扫一扫</button>
</view>

css

page{
 height: 100%;
}
.view{
 width: 100%;
 height: 100%;
}
.cover-9{
 width: 688rpx;
 height: 80%;
 margin: 0 30rpx;
 border:2rpx solid;
 border-radius:5px; 
}
button{
 margin: 0 10rpx;
 width: 100%;
}
#scan{
 width: 730rpx;
}

其实就是"/images/2.jpg"和"/images/3.jpg"2个字符串生成二维码，
然后在images文件夹下放对应路径的2张图片，
扫一扫二维码重新赋值。
参考地址：
https://mp.weixin.qq.com/debug/wxadoc/dev/api/scancode.html

以上所述是小编给大家介绍的微信小程序-扫一扫wx.scanCode() 扫码大变身详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

内容总结

以上是互联网集市为您收集整理的详解微信小程序-扫一扫 wx.scanCode() 扫码大变身全部内容，希望文章能够帮你解决详解微信小程序-扫一扫 wx.scanCode() 扫码大变身所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端