vue3 JS 调用 Android 原生方法

embedded/2024/12/23 4:08:06/

在Vue 3中调用Android原生方法通常涉及到WebView与原生代码的交互。你可以使用WebView的JavaScript接口来实现这一点。以下是一个简化的步骤和示例代码:

  1. 在Android端,创建一个类继承自WebView并实现JavaScriptInterface
  2. 在这个类中,定义一个可以被JavaScript调用的方法。
  3. 在WebView中添加这个类作为JavaScript接口。
  4. 在Vue 3的JavaScript代码中,通过window.webViewBridge调用Android原生方法。

Android端示例代码:

public class WebAppInterface {Context mContext;WebAppInterface(Context c) {mContext = c;}@JavascriptInterfacepublic void showToast(String toast) {Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();}
}webView.addJavascriptInterface(new WebAppInterface(this), "webViewBridge");

Vue 3前端JavaScript代码:

// 假设你已经在Vue组件中获取了WebView的引用mounted() {// 调用Android原生方法window.webViewBridge.showToast('Hello from WebView!');
}

确保你的WebView设置允许JavaScript交互,并且在WebView中正确地加载了你的Vue应用。这样当Vue代码尝试调用window.webViewBridge.showToast时,Android会相应地显示一个Toast消息。


http://www.ppmy.cn/embedded/59096.html

相关文章

[数仓]十、离线数仓(安全集群实战)

第1章 概述 Hadoop启用Kerberos安全认证之后,之前的非安全环境下的全流程调度脚本和即席查询引擎均会遇到认证问题,故需要对其进行改进。 第2章 数仓全流程 2.1 改动说明 此处统一将数仓的全部数据资源的所有者设为hive用户,全流程的每步操作均认证为hive用户。 2.2 改…

【从零开始实现stm32无刷电机FOC】【实践】【4/6 stm32高级定时器】

点击查看本文开源的完整FOC工程 在完成理论方面的准备后,是可以进行写代码实现了,但是stm32单片机提供了不少可以用于电机控制的硬件外设,充分利用这些硬件资源,可以减少代码量以及提高运行性能。 本文使用的stm32型号为喜闻乐见的…

Java之Java基础八(方法)

访问权限修饰符:常用的有public,private,protected,不写(为默认访问权限)需要有方法返回值类型,没有用void需要有方法名,在同一类中方法的签名不能重复(方法签名&#xf…

go 函数

函数 在 go 中,函数是一等公民。 In programming language design, a first-class citizen (also type, object, entity, or value) in a given programming language is an entity which supports all the operations generally available to other entities. The…

php上传文件

$_FILES 作用&#xff1a;用来接收前端上传的文件&#xff0c;并且存储到服务器上。 前端 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, …

【vue】用vue实现拖拽/删除效果

这周接了个小外包&#xff0c;要求用vue实现如下图的拖拽效果 原理 mousedown监听鼠标按下&#xff0c;按下后开启mousemove mouseup监听器&#xff0c;并根据clientY offsetTop计算出元素新的top高度进行赋值&#xff0c;实现元素跟随。具体源码如下 <div title"d…

Git最常用操作速查表

Git常用操作 文章目录 Git常用操作1. 克隆/拉取2. 分支操作1. 查看分支2. 创建分支3. 切换到分支4. 删除分支5. 删除远程分支6. 推送分支到远程 3. 暂存库操作4. Git团队规范1. 原则2. 分支设计3. commit备注一般规范 1. 克隆/拉取 git clone xxx 从远程仓库克隆 git rebase…

Apache Dubbo与Nacos整合过程

Dubbo服务发现 Dubbo 提供的是一种 Client-Based 的服务发现机制&#xff0c;依赖第三方注册中心组件来协调服务发现过程&#xff0c;支持常用的注册中心如 Nacos、Consul、Zookeeper 等。 以下是 Dubbo 服务发现机制的基本工作原理图&#xff1a; 服务发现包含提供者、消费者…