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()
    } 
}
相关推荐
超人不会飛10 小时前
LLM应用专属的Vue3 Markdown组件 🚀重磅开源!
前端·javascript·vue.js
gogou10 小时前
在Vite项目中实现Excel快速导入数据到数据库
vue.js
程序员海军10 小时前
2025年上半年前端技术圈生态总结分享
前端·vue.js·react.js
小小菜鸡ing11 小时前
简单爬一个小说页面 HTML 的title和内容
前端·html
几度风雨见丹心12 小时前
vue+elementUI 进行表格行内新增及校验,同行其他输入框数据影响当前输入框校验结果
前端·vue.js·elementui
开发者小天12 小时前
在Ant Design Vue 中使用图片预览的插件
前端·javascript·vue.js·前端框架
_月下闲人12 小时前
已掌握 Vue2 的开发者,快速上手 Vue3
前端·javascript·vue.js
无光末阳12 小时前
前端 vue3+router 比较好用的自定义日志插件
前端·vue.js
四季豆豆豆12 小时前
办公任务分发项目 laravel vue mysql 第一章:核心功能构建 API
vue.js·mysql·laravel