uniapp vue页面传参到webview.nvue页面的html或者另一vue中

在app内部使用 uni.$emit('collectiones', { data: 'gx' });传到webview.nvue页面 在webview.nvue页面接受

javascript 复制代码
	uni.$on('collectiones', (data) => {
          console.log('接收到的数据:', data.data);
					
      });

使用evalJS方法

nvue webview通信示例

这块使用receiveMessageFromNvue方法这样传入的

javascript 复制代码
	uni.$on('collectiones', (data) => {
          console.log('接收到的数据:', data.data);
					const jsStr = `receiveMessageFromNvue(${JSON.stringify(data.data)})`;
					that.$refs.webview.evalJS(jsStr);
      });

在html或者另一块vue接受

javascript 复制代码
// 定义全局函数,用于接收 nvue 页面发送的消息
function receiveMessageFromNvue(message) {
  // try {
    const vueApp = window.app;
    // 根据消息类型执行不同的图层更新操作
    if (message == 'gx') {
			vueApp.refresh()
    } 
}
相关推荐
paopaokaka_luck1 小时前
英语单词学习系统的设计与实现(基于艾宾浩斯遗忘曲线的智能复习机制、语音朗读、多题型测试与错题自动收录、Echarts图形化分析)
vue.js·spring boot·后端·echarts
Momo__6 小时前
Vite 8.1 打包开发模式——10000 组件冷启动 15 倍,"No Bundle Dev" 七年后被自己终结
前端·vue.js·vite
HUMHSX7 小时前
Vue 组件通信核心知识点梳理
javascript·vue.js·ecmascript
妙码生花8 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(二十六):icon 组件封装
前端·vue.js·typescript
李明卫杭州8 小时前
Vue2 & Vue3 中 Router `props` 配置详解:彻底摆脱 `$route` 依赖
前端·vue.js·前端框架
熊猫钓鱼>_>8 小时前
2026 前端的三场底层革命:当 Vue、React Native 和 Three.js 同时去掉中间层
前端·javascript·vue.js·react native·架构·webgl·three.js
自己记录_理解更深刻9 小时前
Computed 聚合依赖+ 竞态处理
vue.js
宸翰9 小时前
uni-app 设置 Android 底部虚拟导航栏背景色
android·前端·uni-app
西柚小萌新10 小时前
【论文写作】--LaTeX详细入门教程2
前端·html
李明卫杭州10 小时前
Vue3 Suspense 组件详解:从入门到避坑指南
vue.js