Android与Vue怎么进行交互?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
杞县网站制作公司哪家好,找成都创新互联!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作,到程序开发,运营维护。成都创新互联于2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。
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"); }
看完上述内容,你们掌握Android与Vue怎么进行交互的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
新闻标题:Android与Vue怎么进行交互
当前网址:https://www.cdcxhl.com/article42/psjphc.html
成都网站建设公司_创新互联,为您提供搜索引擎优化、关键词优化、App开发、手机网站建设、微信小程序、品牌网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联