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()
    } 
}
相关推荐
Hi_kenyon1 小时前
理解vue中的ref
前端·javascript·vue.js
毎天要喝八杯水5 小时前
搭建vue前端后端环境
前端·javascript·vue.js
计算机程序设计小李同学5 小时前
幼儿园信息管理系统的设计与实现
前端·bootstrap·html·毕业设计
tao3556676 小时前
【用AI学前端】HTML-02-HTML 常用标签(基础)
前端·html
2601_949532846 小时前
Psello HTML Template: A Developer‘s Deep-Dive Review and Guide - Download Free
前端·windows·html·seo·wordpress·gpl
穿过锁扣的风6 小时前
如何操作HTML网页
前端·javascript·html
东东5167 小时前
果园预售系统的设计与实现spingboot+vue
前端·javascript·vue.js·spring boot·个人开发
txwtech8 小时前
第20篇esp32s3小智设置横屏
前端·html
怪兽毕设8 小时前
基于SpringBoot的选课调查系统
java·vue.js·spring boot·后端·node.js·选课调查系统
Amumu121388 小时前
Vue Router(一)
前端·javascript·vue.js