vue与原生安卓相互调用

vue与安卓相互调用

（本篇博客如有错误，还望各位大佬指正。）

最近公司有做直播类的项目，由于直播框架限制，限制所用的技术是vue搭建的H5页面嵌入到原生安卓中。由于之前没有过类似的混合开发经验，所以今天写篇博客加深下印象。

vue.js调用安卓方法

先将vue项目放到一个内网地址或者外网地址中，然后安卓端通过“webView.loadUrl()”将vue项目引入。安卓端将要调用的方法名暴露在window对象中，由vue直接在methods中调用并携带参数。

 methods:{goPublish(){//将vue项目引入至安卓代码中，安卓方法暴露在window中，vue中可以直接用window去调取方法。window.android.callAndroidMethod('1','2')}}

安卓调用vue.js中的方法

同样的vue也需要把方法添加到window中去，再由安卓端去调取方法。

 created(){//需要在created钩子中将方法添加到window对象中window.setFun = this.setFun;},methods:{setFun(arg) {//arg: 原生调用Vue时传值（arg）给Vueconsole.log("获取到android的传参:" + arg);},}

以上就是vue与安卓端项目调用的大致方法，有用词不当的地方望海涵且不吝指正。

vue与原生安卓相互调用相关推荐

关于便携式打印机程序开发（一、原生安卓蓝牙调用）
关于便携式打印机程序开发(一.原生安卓蓝牙调用) 综述软硬件 SDK集成到项目 CPCL协议开发综述使用android程序,调用蓝牙,和打印机配对之后,可以连接打印机,通过(WIFI.蓝牙.US ...
cordova + vue的原生相机的调用,其他插件也是类似,
1,建一个cordovaplugin.js 里面方法用cordova官网的http://www.dba.cn/book/cordova/CORDOVAJiaoCheng/CORDOVAXiangJi. ...
vue.js html 相互传值,Vue 父子组件之间相互调用传值以及多层组件之间相互调用传值...
一.父子组件传值要点1:父组件赋予子组件属性值,子组件通过props 来接收值. 要点2:父组件可以通过子组件对象($ref),来调用子组件的属性以及方法要点3:子组件通过$emit 来调用父组 ...
uniapp H5与原生安卓的数据互通和方法调用
1.准备我这里是uniapp与原生安卓之间的相互调用,也就是原生安卓内嵌H5页面,下面先来准备一下安卓端的代码. (1).初始化的MainActivity 类定义一个 WebView private ...
关于cocos2d-x 和安卓之间的相互调用
最近在研究cocos2d游戏移植安卓需要调用很多方法,所以在研究之中写下它们之间相互调用首先,cocos2d调用安卓在一个.h文件中添加头文件 #include <jni.h> #in ...
原生实现C#与Lua相互调用方法
原生实现C#与Lua相互调用方法(Unity3D可用) Lua是一种很好的扩展性语言,Lua解释器被设计成一个很容易嵌入到宿主程序的库,下面这篇文章主要给大家介绍了关于原生实现C#与Lua相互调用方法 ...
iOS原生和H5的相互调用
为什么现在越来越多的APP中开始出现H5页面? 1,H5页面开发效率更高,更改更加方便: 2,适当缩小APP安装包的大小: 3,蹭热点更加方便,比如五一,十一,双十一搞活动: 那么为什么说H5无法取代 ...
flutter 调用原生安卓插件_Flutter 如何调用Android和iOS原生代码
分3个大步骤: 1.在flutter中调用原生方法 2.在Android中实现被调用的方法 3.在iOS中实现被调用的方法在flutter中调用原生方法场景,这里你希望调用原生方法告诉你一个boo ...
flutter 调用原生安卓插件_Flutter 如何调用Android和iOS原生代码-阿里云开发者社区...
分3个大步骤: 1.在flutter中调用原生方法 2.在Android中实现被调用的方法 3.在iOS中实现被调用的方法在flutter中调用原生方法场景,这里你希望调用原生方法告诉你一个boo ...

vue与原生安卓相互调用

vue与安卓相互调用

vue与原生安卓相互调用相关推荐

最新文章

热门文章