前端vue使用cordova打包的安卓应用调用手机扫码(真机测试有效)

本文介绍了如何在Vue项目中结合Cordova,通过在Vue的main.js全局配置和页面中编写扫码函数,然后将Vue编译后的文件替换到Cordova项目中,添加Android平台并安装扫码插件,最后生成APK进行真机测试。
摘要由CSDN通过智能技术生成

vue项目需要添加的代码:

  1. index.html添加代码块
    <!-- 引入cordova.js -->
    <script type="text/javascript" src="cordova.js"></script>
     <!-- 扫一扫包的引用 -->
    <script type="text/javascript" src="cordova_plugins.js"></script>
  1. main.js 全局配置如下代码块,先加载cordova插件,再执行vue函数:
	document.addEventListener('deviceready', function () {
  new Vue({
    el: '#app-box',  //index.html中div的id
    router,   // 路由对象,没有则不要
    components: { App },  //app.vue
    template: '<App/>'
  })
  window.navigator.splashscreen.hide()
}, false)
  1. 需要调用扫码的页面:
    //应用vux的Xbotton按钮控件,没用vuxui库自己写一个botton按钮绑定调用扫码函数即可
  <x-button mini type="primary" @click.native="handleSmClick">扫 码</x-but
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值