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()
    } 
}
相关推荐
bitbitDown8 小时前
四年前端分享给你的高效开发工具库
前端·javascript·vue.js
2501_9160074710 小时前
HTTPS 抓包乱码怎么办?原因剖析、排查步骤与实战工具对策(HTTPS 抓包乱码、gzipbrotli、TLS 解密、iOS 抓包)
android·ios·小程序·https·uni-app·iphone·webview
Q_Q51100828510 小时前
python+django/flask+uniapp基于微信小程序的瑜伽体验课预约系统
spring boot·python·django·flask·uni-app·node.js·php
性野喜悲10 小时前
uniapp+<script setup lang=“ts“>解析后端返回的图片流并将二维码展示在页面中
uni-app
lumi.11 小时前
Vue.js 从入门到实践1:环境搭建、数据绑定与条件渲染
前端·javascript·vue.js
二十雨辰11 小时前
vue核心原理实现
前端·javascript·vue.js
影子信息11 小时前
[Vue warn]: Error in mounted hook: “ReferenceError: Jessibuca is not defined“
前端·javascript·vue.js
BTU_YC11 小时前
FastAPI+Vue前后端分离架构指南
vue.js·架构·fastapi
卷Java11 小时前
CSS模板语法修复总结
java·前端·css·数据库·微信小程序·uni-app·springboot
折翼的恶魔12 小时前
HTML媒体标签
前端·html