麻烦大家会的,可以发一下代码。
我要实现的功能是,camera组件扫描二维码图片成功之后跳转到我项目的另一个页面,并且将二维码内的一些参数发送到另一个页面。
谢谢
![](https://profile-avatar.csdnimg.cn/29011e6ebe1944ec93abba958265fbd2_weixin_48039905.jpg!4)
想用uni-app的camera组件写一个扫描二维码的页面
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
关注
建议还是使用uni.scanCode,camera识别二维码支持的平台并不多。
相机页面<template> <view class="content"> <camera mode="scanCode" device-position="back" flash="off" @error="error" style="width: 100%; height: 300px" @scancode="scancodeCallBack" ></camera> </view> </template> <script> export default { data() { return { title: "Hello", }; }, onLoad() {}, methods: { scancodeCallBack(e) { wx.showToast({ title: "识别成功!" }); setTimeout(() => { wx.redirectTo({ url: `/pages/result/index?title=${e.detail.result}`, }); }, 1000); }, }, }; </script> <style> .content { display: flex; flex-direction: column; align-items: center; justify-content: center; } .logo { height: 200rpx; width: 200rpx; margin: 200rpx auto 50rpx auto; } .text-area { display: flex; justify-content: center; } .title { font-size: 36rpx; color: #8f8f94; } </style>
跳转页面
<template> <view class="content">{{ title }}</view> </template> <script> export default { data() { return { title: "Hello", }; }, onLoad(options) { console.log(options); this.title = options.title; }, }; </script> <style> .content { display: flex; flex-direction: column; align-items: center; justify-content: center; } .logo { height: 200rpx; width: 200rpx; margin: 200rpx auto 50rpx auto; } .text-area { display: flex; justify-content: center; } .title { font-size: 36rpx; color: #8f8f94; } </style>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥15 网络科学导论,网络控制
- ¥15 metadata提取的PDF元数据,如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
- ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
- ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
- ¥50 如何openEuler 22.03上安装配置drbd
- ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
- ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)