uni-app扫码功能测试

 scan() {
			uni.scanCode({
				success: (res) => {
					var a = res.result;
					console.log(a)
				},
				fail: (err) => {
					uni.getSetting({
						success: (res) => {
							let authStatus = res.authSetting['scope.camera'];
							if (!authStatus) {
								uni.showModal({
									title: '授权失败',
									content: '需要使用您的相机,请在设置界面打开相关权限',
									success: (res) => {
										if (res.confirm) {
											uni.openSetting()
										}
									}
								})
							}
						}
					})
				
				}
			});
		}

调用了uni-app的api:uni.scanCode实现此效果。

进到了这个页面
uni-app扫码功能测试_第1张图片

对这个页面进行调试。
uni-app扫码功能测试_第2张图片

点击扫一扫

这个扫码功能支持调用摄像头扫描和右下角选择系统图片扫描。
uni-app扫码功能测试_第3张图片

控制台打印;
uni-app扫码功能测试_第4张图片

index.vue:48打印出来的就是扫码扫出来的内容。

初步效果就是这样!

你可能感兴趣的:(uni-app扫码功能测试)