Android與Vue的交互的方法示例
做過(guò) Android 混合開(kāi)發(fā)的，應(yīng)該都知道 Android 中 Java 代碼和 Javascript 代碼之間的交互怎么做。
首先回顧一下 Java 和 Javascript 之間的交互。
JavaScript 調(diào)用 Java
Android 中 WebView 添加供 Html 頁(yè)面調(diào)用的 Java 方法：
mWebView.addJavascriptInterface(new DirectToJS(), "AndroidObj");
class DirectToJS{
@JavascriptInterface
public void showToast(){
Toast.makeText(this, "Android Toast",Toast.LENGTH_SHORT).show();
}
}
Html 頁(yè)面中 JavaScript 調(diào)用 Java 方法的方式如下：
window.AndroidObj.showToast();
JavaScript 代碼中: window 是網(wǎng)頁(yè)的 Window 實(shí)體，這個(gè)做前端開(kāi)發(fā)的人都非常熟悉； AndroidObj 是 Android 端給 WebView 提供的一個(gè)實(shí)體，Android 會(huì)將這個(gè)實(shí)體賦給 WebView 的 window； showToast() 就是 Java 提供給 Html 的方法。
Java 調(diào)用 JavaScript
首先 Html 上寫(xiě)個(gè)普通的 JavaScript 方法：
function showAlert(){
alert("Html Alert");
}
Android 中只要執(zhí)行以下代碼即可：
mWebView.loadUrl("javascript:showAlert()");
Vue 框架上的坑
如果前端用的是 Vue 框架，那么如果你在 js 腳本上直接寫(xiě)一個(gè)方法，Android 是調(diào)用不到的，無(wú)論是寫(xiě)在那個(gè)位置。
這是因?yàn)?Vue 框架中，腳本上的方法不是屬于 window 的方法，你應(yīng)該將要提供給 Android 調(diào)用的方法賦給 window，這樣，Android 中才能調(diào)得到：
window['showAlert'] = {
alert("Html Alert");
}
總得來(lái)說(shuō)，對(duì)于普通的網(wǎng)頁(yè)，寫(xiě)在 js 腳本上的方法，默認(rèn)都是屬于 window 實(shí)體的；而 Vue 框架中，由于框架內(nèi)部的實(shí)現(xiàn)機(jī)制比較特殊，你寫(xiě)在 js 腳本上的方法，不是真正頁(yè)面上的方法，所以在 Android 中是調(diào)用不到的。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Android自定義控件實(shí)現(xiàn)底部菜單(上)
這篇文章主要為大家詳細(xì)介紹了Android自定義控件實(shí)現(xiàn)底部菜單的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
Anroid ListView分組和懸浮Header實(shí)現(xiàn)方法
這篇文章主要介紹了Anroid ListView分組和懸浮Header實(shí)現(xiàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2016-11-11
Android中PathMeasure仿支付寶支付動(dòng)畫(huà)
這篇文章主要為大家詳細(xì)介紹了Android中PathMeasure仿支付寶支付動(dòng)畫(huà)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
Android 幀動(dòng)畫(huà)的實(shí)例詳解
這篇文章主要介紹了Android 幀動(dòng)畫(huà)的實(shí)例詳解的相關(guān)資料,希望通過(guò)本文能幫助到大家，讓大家掌握這部分內(nèi)容，需要的朋友可以參考下2017-10-10
android中內(nèi)嵌輕量級(jí)數(shù)據(jù)庫(kù)sqlite，涉及到的操作無(wú)外乎增刪改查，今天就來(lái)說(shuō)一說(shuō)其中的查找操作，更多的時(shí)候我們用到的查找是要按條件查找的 例如表的結(jié)構(gòu)如下：2013-06-06
android基礎(chǔ)總結(jié)篇之二：Activity的四種launchMode
這篇文章主要介紹了android基礎(chǔ)總結(jié)篇之二：Activity的四種launchMode，有需要的可以了解一下。2016-11-11
Kotlin 中的 by 關(guān)鍵字在 Java 中是沒(méi)有的，這使我對(duì)它感到非常陌生。Kotlin 中為什么要新增 by 關(guān)鍵字呢？by 關(guān)鍵字在 Kotlin 中是如何使用的？本文會(huì)介紹 by 關(guān)鍵字的使用分類(lèi)，具體的示例，Kotlin 內(nèi)置的 by 使用，希望能夠幫助到大家2022-10-10
android實(shí)現(xiàn)始終顯示overflow菜單的方法
這篇文章主要介紹了android實(shí)現(xiàn)始終顯示overflow菜單的方法,需要的朋友可以參考下2014-07-07
Android android:exported = true 用法詳解
在本篇文章里小編給大家整理了關(guān)于Android android:exported = true 用法，需要的朋友們參考下。2019-09-09
RxJava加Retrofit文件分段上傳實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了RxJava加Retrofit文件分段上傳實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01