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()
    } 
}
相关推荐
前端Hardy4 分钟前
别再无脑用 `JSON.parse()` 了!这个安全漏洞你可能每天都在触发
前端·javascript·vue.js
前端Hardy6 分钟前
别再让 `console.log` 上线了!它正在悄悄拖垮你的生产系统
前端·javascript·vue.js
青青家的小灰灰10 分钟前
从入门到精通:Vue3 ref vs reactive 最佳实践与底层原理
前端·vue.js·面试
OpenTiny社区22 分钟前
我的新同事是个AI:支持skill后,它用TinyVue搭项目还挺溜!
前端·vue.js·ai编程
李剑一41 分钟前
大屏天气展示太普通?视觉升级!用 Canvas 做动态天气遮罩,雷阵雨效果直接封神
前端·vue.js·canvas
本末倒置1831 小时前
面向 Vue 开发者的 Next.js 快速入门指南
前端·vue.js
滕青山1 小时前
文本字符数统计 在线工具核心JS实现
前端·javascript·vue.js
Fisschl1 小时前
在 Vue 中使用 remark 渲染 markdown
vue.js
SuperEugene1 小时前
Vue状态管理扫盲篇:状态管理中的常见坑 | 循环依赖、状态污染与调试技巧
前端·vue.js·面试
骑着小黑马1 小时前
从 Electron 到 Tauri 2:我用 3.5MB 做了个音乐播放器
前端·vue.js·typescript