代码改变世界
[登录 · 注册]
  • cordov vue项目中调用手机原生api
  • cordova不仅可以把vue项目打包成app,还可以让vue借助cordova调用手机原生的api 比如拍照 比如图片上传 比如定位 比如扫描二维码 比如支付等等

    Vue Cordova教程-Vue+Cordova打造跨平台可安装的混合APP视频教程: https://www.itying.com/goods-937.html

    1、使用vue-cordova 插件 (不推荐使用)

    https://github.com/kartsims/vue-cordova

    1、vue项目安装npm install --save vue-cordova

    2、在main.js引入插件并use插件 import VueCordova from ‘vue-cordova’

    Vue.use(VueCordova)

    3、调用插件 注意在对应的组件需要引入 var Vue = require(‘vue’);

    Vue.cordova.camera.getPicture((imageURI) => {
                     window.alert('Photo URI : ' + imageURI)
                }, (message) => {
                     window.alert('FAILED : ' + message)
                }, {
                     quality: 50,
                    destinationType: Vue.cordova.camera.DestinationType.FILE_URI
                })

    4、注意需要在vue项目 index.html引入 cordova.js

     <script src="cordova.js"></script>

    2、index.html 引入cordova.js 并定义全局变量让vue组件里面直接使用cordova插件。 (推荐的使用方法)

    1、在vue index.html引入cordova.js (注意顺序 cordova.js放在build.js上面)

    2、直接可以在组件里面使用cordova的api (注意cordova里面要安装api的插件)

    注意cordova.js放在vue build.js的上面

  • 上一篇:轻松搭建Xposed Hook
    下一篇:Android 直接修改dex破解
  • 【推广】 阿里云小站-上云优惠聚集地(新老客户同享)更有每天限时秒杀!
    【推广】 云服务器低至0.95折 1核2G ECS云服务器8.1元/月
    【推广】 阿里云老用户升级四重礼遇享6.5折限时折扣!
  • 原文:https://www.cnblogs.com/zhujiabin/p/10620625.html
走看看 - 开发者的网上家园