vue中的方法如何暴露给webview,使安卓和iOS可以调用

Posted 寻_荒

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中的方法如何暴露给webview,使安卓和iOS可以调用相关的知识,希望对你有一定的参考价值。

新建一个外部公共的js文件app.js,定义一个对象并输出,如下:

var hybrid = {

}
window.Hybrid = hybrid
if (window.Vue) { // 自动绑定
  window.Vue.use(hybrid)
}

export { hybrid }

在需要的文件中引入app.js,将需要暴露的方法赋给hybrid对象,如下:

在安卓或者ios上可调用hybrid.clickMusic来执行函数

 

以上是关于vue中的方法如何暴露给webview,使安卓和iOS可以调用的主要内容,如果未能解决你的问题,请参考以下文章

安卓如何使用WebView组件加载HTML代码

flutter 与webview (vue)交互

Android WebView

安卓使用webview如何去除url中的广告

VUE 与 原生交互(iOS为主)

Vue 将子组件的方法暴露给父组件