vue调用原生方法(ios/android)

使用vue框架编写的h5代码内嵌到APP里面,如何调用原生App的方法

无论是Android还是Ios,调用原生方法都需要跟APP端沟通,商量好方法名和要传递的参数

IOS调用原生方法

window.webkit.messageHandlers.跟IOS端商量好的方法名.postMessage(商量好的要传递的参数);

我这里有用到APP端下载图片到本地的方法,JsCallObjectC是IOS定义好的方法,直接调用就好,要传递的参数按照ios要求的格式传过去,我需要的是一个json字符串,参数格式因人而异吧,看APP端怎么要求吧

window.webkit.messageHandlers.JsCallObjectC.postMessage('{"methodName":"SaveImage","ImgUrl":"https://www.wuyoumaicai.com/image/logo.png"}');

Android调用原生方法

这个因为我这边安卓代码还没有集成,自己没有亲自实践过,在网上查了一下,基本上都是如下写法

window.android.安卓自定义方法名.(参数)

具体的我自己也还没有实践过,等实践了会再更新的

参考链接如下
https://www.jianshu.com/p/c35b12ffc0f1