Vue H5调用APP原生方法

APP混合开发把H5内嵌在原生APP时，内嵌H5与原生APP实现相互通信和调用方法

 

H5调用app注入方法

安卓端 app 向 H5 注入一个全局 js 对象 UserClass 

 

webview.addJavascriptInterface(new RaffleInterface,name:"UserClass")

 

 

H5端调用用UserClass

 

if (window.UserClass && window.UserClass.startRecord) { //判断app注入的UserClass方法是否存在(是否注入方法)
　　window.UserClass.startRecord();
}

 

 

app调用H5方法

定义方法

 

methods: {
　　UserTest(){
　　　　console.log("app调用H5的方法")
　　}
}

 

 

把方法挂载到window, app端就可以使用方法

 

 

 

mounted(){
  window.UserTest= this.UserTest;
},