微信小程序之扫一扫功能

今天来做下小程序扫一扫功能，因为项目需要，需要在页面搜索框加上扫码功能。

wxml代码

<view class="search"><view class="search-left"><input type="number" cpmfirm-type="search" placeholder='输入单号，查找订单' placeholder-style="color: rgba(255, 255, 255, 0.9); " value="{{scanCodeMsg}}"></input><view bindtap='scanCode' class="iconfont icon-saoma"> </view></view>
</view>

js代码：

 //扫码scanCode: function () {var that = this;wx.scanCode({ //扫描APIsuccess(res) { //扫描成功console.log(res) //输出回调信息that.setData({scanCodeMsg: res.result});wx.showToast({title: '扫码成功',icon: 'success',duration: 1000})},fail: (res) => {//接口调用失败的回调函数wx.showToast({title: '扫码失败',icon: 'success',duration: 1000})},})}

微信小程序之扫一扫功能相关推荐

Laravel6.0 + vue.js + elementUI + 微信小程序实现沃尔玛扫码购
本次项目使用 Laravel6.0 + vue.js + elementUI + 微信小程序实现沃尔玛扫码购项目设计-接口本次项目所有接口使用 laravel 框架实现. 项目设计-后台后台开 ...
微信小程序实现上传视频功能（后端代码是java）
微信小程序实现上传视频功能(后端代码是java) 1.前端 wxml文件 <image bindtap="uploadVideo" length="3" ...
微信小程序分销系统有哪些功能及优势？
一.微信小程序分销系统有哪些功能? 1.商品管理 2.订单管理 3.分销管理 4.财务管理 5.数据统计二.微信小程序分销系统为何如此火爆? 1.微信小程序分销系统拥有AP ...
微信小程序 - 实现左滑动删除功能
微信小程序 - 实现左滑动删除功能效果图: 实现过程: 一.wxml布局这里我是先用了一个大盒子包裹小盒子,然后小盒子里面进行左右布局(左边为内容部分,右边为删除按钮)的方式实现的 <vie ...
微信小程序购物车数量加减功能
微信小程序购物车数量加减功能 wxml  <view class="stepper">  < ...
微信小程序的搜索和重置功能
微信小程序的搜索和重置功能 wxml <template><div><div class="input-wrap"><el-inputse ...
基于微信小程序的用户列表点赞功能
代码地址如下: http://www.demodashi.com/demo/13997.html 一.前言 (1).适合人群 1.微信小程序开发者 2.前端工程师 3.想入门学习小程序开发的人员 4. ...
怎么实现微信小程序云开发拼团功能？
[微信云开发教程]怎么实现微信小程序云开发拼团功能? 提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录 [微 ...
【愚公系列】2022年09月微信小程序-微信小程序实现网页一键登录功能
文章目录前言一.微信小程序实现网页一键登录功能 1.旧版登录方法 2.新版登录方法二.相关第三方包源码前言如果微信小程序要获取微信登录的用户信息,需要拿到code去后台换取用户信息,具体步骤 ...
微信小程序集成实时音视频通话功能
微信小程序集成实时音视频通话功能背景在项目的开发当中,很多时候,我们会有音频.视频通话的需求,但是一般都不会自己来写,所以我们就需要借助第三方来实现.尤其是这次的项目开发当中,需要在微信小程序当中 ...

微信小程序之扫一扫功能

微信小程序之扫一扫功能相关推荐

最新文章

热门文章