Vue调用安卓摄像头扫码然后回调处理

文章描述:

Vue开发H5嵌入App内扫码功能模块,Vue调用Android摄像头进行扫码,扫码后回调Vue方法进行处理

Vue调用Android摄像头,代码如下:

androidJS.qrCode();		// 调用Android摄像头

完整代码

template

<template>
	<div class="content">
		<div @click="checkPay">扫码</div>
	</div>
</template>

script

var _self;
import {Toast} from 'mint-ui';
function startPay(jsondata){
	// alert(jsondata)
	// console.log(jsondata)
	// Toast(jsondata)
}
export default{
	data(){
		return{
			
		}
	},
	// 挂载Android扫码回调
	created:function(){
		window.startPay = this.startPay
	},
	mounted() {

	},
	activated(){
		_self = this
		
	},
	methods:{
		checkPay(){
			androidJS.qrCode();		// 调用Android摄像头
		},
		// Android扫码后回调
		startPay:function(qrCode){
			Toast(qrCode)
			this.alipay(qrCode)
		},
		async alipay(qrCode){
			
		},
	}
}

 

发布时间:2023/01/05

发表评论