原生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方法就可以暴露给安卓调用了,欢迎有更好想法的评论区留言交流哦

相关推荐
binnnngo1 小时前
2.体验vue
前端·javascript·vue.js
LCG元1 小时前
Vue.js组件开发-实现多个文件附件压缩下载
前端·javascript·vue.js
╰つ゛木槿1 小时前
深入探索 Vue 3 Markdown 编辑器:高级功能与实现
前端·vue.js·编辑器
豆豆(设计前端)2 小时前
在 Vue 项目中快速引入和使用 ECharts
vue.js
醉の虾2 小时前
VUE3 使用路由守卫函数实现类型服务器端中间件效果
前端·vue.js·中间件
程序边界2 小时前
AIGC时代下的Vue组件开发深度探索
vue.js
LuiChun3 小时前
webview_flutter_android 4.3.0使用
android·flutter
Tanecious.3 小时前
C语言--分支循环实践:猜数字游戏
android·c语言·游戏
码上飞扬3 小时前
Vue 3 30天精进之旅:Day 05 - 事件处理
前端·javascript·vue.js
闲暇部落4 小时前
kotlin内联函数——takeIf和takeUnless
android·kotlin