javascript - uniapp 小程序 web-view页面与原生数据交互如何实现？

Question

uniapp 小程序 web-view页面与原生数据交互如何实现？
web-view的h5页面非本人开发，未知是否提供UniAppJSBridgeReady事件，uni.postMessage可能不存在。
现在需要从这个h5中拿到变化后的地址中的参数a，请大佬们给支个招。
变化后的地址：这个h5会进行一些自己的业务和页面跳转。

Answer 1

如果你能控制 web-view 的 src，比如：
<web-view :src="webviewUrl" />

那么可以在设置 webviewUrl 时就解析参数：

data() {
  return {
    webviewUrl: 'https://example.com/page?a=123&b=456'
  }
},
mounted() {
  const url = this.webviewUrl;
  const query = this.getQueryParams(url);
  console.log('参数 a:', query.a);
},
methods: {
  getQueryParams(url) {
    const params = {};
    const queryString = url.split('?')[1];
    if (!queryString) return params;
    queryString.split('&').forEach(pair => {
      const [key, value] = pair.split('=');
      params[key] = decodeURIComponent(value);
    });
    return params;
  }
}

这种方式不依赖 H5 页面是否支持 JSBridge 或 postMessage，只要你能拿到 src，就能解析参数。