vue项目需要添加的代码:
- index.html添加代码块
<!-- 引入cordova.js -->
<script type="text/javascript" src="cordova.js"></script>
<!-- 扫一扫包的引用 -->
<script type="text/javascript" src="cordova_plugins.js"></script>
- 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)
- 需要调用扫码的页面:
//应用vux的Xbotton按钮控件,没用vuxui库自己写一个botton按钮绑定调用扫码函数即可
<x-button mini type="primary" @click.native="handleSmClick">扫 码</x-but