原生Android调用uniapp项目中的方法

最近遇到了这样一个需求,和安卓对接,暴露一个方法给安卓调用,我这边是使用的uniapp+vue3开发的项目,可以打包成小程序、app,运行在浏览器,H5页面等。大概的思路是:在main.js中封装一个全局的方法。下面是在uniapp中实现的代码:

javascript 复制代码
// utils.js
export const test = (str) => {
	uni.showToast({
		title: str,
		icon: 'none'
	})
}
// main.js
// 全局注册
import App from './App.vue'
import {createSSRApp} from 'vue'
import * as util from 'utils.js'
export function createApp() {
	const app = createSSRApp(App)
	app.config.globalProperties.$util = util
	return {
		app
	}
}

// 暴露方法供调用
// index.vue
import {onMounted,getCurrentInstance} from 'vue'
const {proxy} = getCurrentInstance();
onMounted(() => {
	window.test = proxy.$util.test;
})

这样的话test方法就可以暴露给安卓调用了,欢迎有更好想法的评论区留言交流哦

相关推荐
FungLeo20 分钟前
成为全栈·Vue 管理后台篇·编辑器图片上传:从文件选择到文章附件关联
前端·vue.js·编辑器·markdown·文件上传·formdata·附件管理
疯华整猫30 分钟前
否决 Flutter 提案那天,我发现自己也说不清 Framework 管什么
android
码云社区3 小时前
智慧物业系统选型指南:房屋档案、账单管理与报修协作
前端·javascript·vue.js·智慧物业
传奇开心果编程13 小时前
【Flutter踩坑排雷】第25课:ScrollController 误用坑|跳转失效、监听泄漏与“控制器未附加”
android·flutter·ios·移动开发·跨平台·dart·声明式ui
ruanno_top16 小时前
表单重置后,验证码还显示已通过:Vue 受控组件的 3 种假同步
vue.js
慕容雪_16 小时前
Capacitor8-Android打包完整手册
android·打包·capacitor
阿杰m20 小时前
Android源码第十三章:Bluetooth——沿一次发现走到控制器
android
booboosui20 小时前
派活给另一个 AI:前后两次文件夹快照,就是交付清单
android
ruanno_top20 小时前
给标签页加 roving tabindex,整组反而键盘进不去了
vue.js
仨孩子的爹21 小时前
CSS打印样式:字体族与行高在纸上的对照实测
vue.js