vue 框架中通过evaluateJavascript 回调浏览器中js函数

最新推荐文章于 2025-06-06 02:09:48 发布

原创最新推荐文章于 2025-06-06 02:09:48 发布 · 3.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #js #evaluatejs #android

Vue 专栏收录该内容

22 篇文章

订阅专栏

这篇博客介绍了如何在Vue组件的基座中通过`evaluateJavascript`调用浏览器中的JavaScript回调函数。在`methods`中定义了一个名为`OnBlueToothData`的方法，用于接收并打印传入的消息。在`created`生命周期钩子中，将这个方法绑定到全局`window`对象上，以便JavaScript代码可以直接调用。这种方法常用于WebView或浏览器环境中，实现JavaScript与原生应用之间的交互。

在基座中通过evaluateJavascript执行浏览器中的javascript回调函数方法如下：

        methods:{
            // 在 methods 定义一个实际的方法，可以存取 vc 中的资源, msg 是参数
			OnBlueToothData(msg){
				console.log(msg);
			}
		},
		
		created(){
			// 绑定需要通过 evaluatejavascript 调用的函数，在window中注册好，让其指定到
            // methods中的 OnBlueToothData 上
			window.OnBlueToothData = this.OnBlueToothData;
		},

备注下