小程序 web-view 如何给外链接的 h5 页面传递参数和值

最新推荐文章于 2025-06-12 11:18:38 发布

gochanTao

最新推荐文章于 2025-06-12 11:18:38 发布

阅读量2.5w

点赞数 6

CC 4.0 BY-SA版权

分类专栏：小程序文章标签：小程序 webview

本文链接：https://blog.youkuaiyun.com/Gochan_Tao/article/details/80342581

小程序专栏收录该内容

15 篇文章

订阅专栏

本文介绍了通过小程序web-view组件向H5页面传递参数的方法。利用URL查询字符串携带参数，并在H5页面通过正则表达式解析这些参数，实现跨平台的数据交换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序 web-view 如何给外链接的 h5 页面传递参数和值

最近做项目的时候发现这种方法还是比较方便的。类似小程序页面之间的传值形式，举个例子：

<web-view src="{{url}}?id={{id}}&token={{token}}&member={{member}}&paused={{paused}}" ></web-view>

然后在链接的 h5 页面使用正则解析出 src 中所带的一些参数和值，比如下面这段代码：

  created() {
    console.log(window.location.search.substr(1))
    this.id = this.getQueryString("id") || "0";
    this.token = this.getQueryString("token") || "";
    this.member = this.getQueryString("member") || "true";
    this.paused = this.getQueryString("paused") || "true"; //是否暂停
  }

  getQueryString: function(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) {
        return decodeURIComponent(r[2]);
      }
      return null;
    }