Android与Vue怎么进行交互

Android与Vue怎么进行交互？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

JavaScript 调用 Java

Android 中 WebView 添加供 Html 页面调用的 Java 方法：

mWebView.addJavascriptInterface(newDirectToJS(),"AndroidObj");

classDirectToJS{
@JavascriptInterface
publicvoidshowToast(){
Toast.makeText(this,"AndroidToast",Toast.LENGTH_SHORT).show();
}
}

Html 页面中 JavaScript 调用 Java 方法的方式如下：

window.AndroidObj.showToast();

JavaScript 代码中: window 是网页的 Window 实体，这个做前端开发的人都非常熟悉； AndroidObj 是 Android 端给 WebView 提供的一个实体，Android 会将这个实体赋给 WebView 的 window； showToast() 就是 Java 提供给 Html 的方法。

Java 调用 JavaScript

首先 Html 上写个普通的 JavaScript 方法：

functionshowAlert(){
alert("HtmlAlert");
}

Android 中只要执行以下代码即可：

mWebView.loadUrl("javascript:showAlert()");

Vue 框架上的坑

如果前端用的是 Vue 框架，那么如果你在 js 脚本上直接写一个方法，Android 是调用不到的，无论是写在那个位置。

这是因为 Vue 框架中，脚本上的方法不是属于 window 的方法，你应该将要提供给 Android 调用的方法赋给 window，这样，Android 中才能调得到：

window['showAlert']={
alert("HtmlAlert");
}

看完上述内容，你们掌握Android与Vue怎么进行交互的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注恰卡编程网行业资讯频道，感谢各位的阅读！