Android与Vue的交互的方法示例
做过 Android 混合开发的，应该都知道 Android 中 Java 代码和 Javascript 代码之间的交互怎么做。
首先回顾一下 Java 和 Javascript 之间的交互。
JavaScript 调用 Java
Android 中 WebView 添加供 Html 页面调用的 Java 方法：
mWebView.addJavascriptInterface(new DirectToJS(), "AndroidObj");
class DirectToJS{
@JavascriptInterface
public void showToast(){
Toast.makeText(this, "Android Toast",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 方法：
function showAlert(){
alert("Html Alert");
}
Android 中只要执行以下代码即可：
mWebView.loadUrl("javascript:showAlert()");
Vue 框架上的坑
如果前端用的是 Vue 框架，那么如果你在 js 脚本上直接写一个方法，Android 是调用不到的，无论是写在那个位置。
这是因为 Vue 框架中，脚本上的方法不是属于 window 的方法，你应该将要提供给 Android 调用的方法赋给 window，这样，Android 中才能调得到：
window['showAlert'] = {
alert("Html Alert");
}
总得来说，对于普通的网页，写在 js 脚本上的方法，默认都是属于 window 实体的；而 Vue 框架中，由于框架内部的实现机制比较特殊，你写在 js 脚本上的方法，不是真正页面上的方法，所以在 Android 中是调用不到的。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了Android自定义控件实现底部菜单的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
Anroid ListView分组和悬浮Header实现方法
这篇文章主要介绍了Anroid ListView分组和悬浮Header实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2016-11-11
这篇文章主要为大家详细介绍了Android中PathMeasure仿支付宝支付动画，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要介绍了Android 帧动画的实例详解的相关资料,希望通过本文能帮助到大家，让大家掌握这部分内容，需要的朋友可以参考下2017-10-10
android中内嵌轻量级数据库sqlite，涉及到的操作无外乎增删改查，今天就来说一说其中的查找操作，更多的时候我们用到的查找是要按条件查找的 例如表的结构如下：2013-06-06
android基础总结篇之二：Activity的四种launchMode
这篇文章主要介绍了android基础总结篇之二：Activity的四种launchMode，有需要的可以了解一下。2016-11-11
Kotlin 中的 by 关键字在 Java 中是没有的，这使我对它感到非常陌生。Kotlin 中为什么要新增 by 关键字呢？by 关键字在 Kotlin 中是如何使用的？本文会介绍 by 关键字的使用分类，具体的示例，Kotlin 内置的 by 使用，希望能够帮助到大家2022-10-10
这篇文章主要介绍了android实现始终显示overflow菜单的方法,需要的朋友可以参考下2014-07-07
Android android:exported = true 用法详解
在本篇文章里小编给大家整理了关于Android android:exported = true 用法，需要的朋友们参考下。2019-09-09
这篇文章主要为大家介绍了RxJava加Retrofit文件分段上传实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
最新评论