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()
    } 
}
相关推荐
Eason_Lou1 小时前
【无标题】
前端·vue.js·html
anOnion3 小时前
构建无障碍组件之Menu and Menubar Pattern
前端·html·交互设计
Eason_Lou3 小时前
vue flow使用注意事项
前端·vue.js
Highcharts7 小时前
全功能施工项目管理甘特图 Demo:任务依赖箭头、当前日期标线、周末高亮、分组项目可视化
html·数据可视化
马可家的菠萝8 小时前
Vue3 + Canvas 手绘笔记工程化实践:别把画布只当成一张 PNG
前端·vue.js·算法
IMPYLH8 小时前
HTML 的 <h1>–<h6> 元素
前端·javascript·html
IMPYLH8 小时前
HTML 的 <head> 元素
前端·html
用户841794814568 小时前
如何用 vue 甘特图来实现计划和实际双任务条进度展示
vue.js
PedroQue998 小时前
Vue Router 4.x风格导航守卫全面升级
前端·uni-app
梦醒沉醉9 小时前
2、HTML入门——HTML元信息
html