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;
},