uniapp vue页面传参到webview.nvue页面的html或者另一vue中

最新推荐文章于 2025-09-04 17:10:31 发布

原创最新推荐文章于 2025-09-04 17:10:31 发布 · 308 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #vue.js #html

在这里插入图片描述
在app内部使用 uni.$emit('collectiones', { data: 'gx' });传到webview.nvue页面在webview.nvue页面接受

	uni.$on('collectiones', (data) => {
          console.log('接收到的数据:', data.data);
					
      });

使用evalJS方法
在这里插入图片描述
nvue webview通信示例

这块使用receiveMessageFromNvue方法这样传入的

	uni.$on('collectiones', (data) => {
          console.log('接收到的数据:', data.data);
					const jsStr = `receiveMessageFromNvue(${JSON.stringify(data.data)})`;
					that.$refs.webview.evalJS(jsStr);
      });

在html或者另一块vue接受

// 定义全局函数，用于接收 nvue 页面发送的消息
function receiveMessageFromNvue(message) {
  // try {
    const vueApp = window.app;
    // 根据消息类型执行不同的图层更新操作
    if (message == 'gx') {
			vueApp.refresh()
    } 
}