uniapp小程序使用web-view与h5页面通信，web-view页面分享给好友

在使用web-view嵌套h5页面的时候需要向h5页面进行传递参数

小程序向h5传递参数

直接在url后拼接即可

<web-view
      @message="message"
      :src="liveAddress"
    ></web-view>
    

 async onLoad (option) {
    if (option.liveAddress) {   
      this.Address = decodeURIComponent(`${this.Address}?userInfo=${this.userInfo}`);
    }
    //https://www.baidu.com?参数名=参数值&参数名2=参数值2
    //decodeURIComponent是用来解决url转码
  },

小程序如何接收参数呢

web-view有个message方法

在uniapp中不使用bind来绑定方法使用@

<web-view
      @message="message"
      :src="liveAddress"
    ></web-view>
    

  methods: {
 	 message(e) {
    	  console.log(e.detail.data[e.detail.data.length - 1])
    	  //这个e.detail.data[e.detail.data.length - 1]里就是h5页面给我们传递的参数了，用变量接收它使用即可
   		   this.shareobj = e.detail.data[e.detail.data.length - 1];
  	  }
    },
    //分享到好友
  onShareAppMessage(res) {
    return {
      imageUrl: this.shareobj.shareImg,
      title: this.shareobj.shareTitle,
      path:
        "/pages/onLinemeeting/onLinemeeting?liveAddress=" +
        encodeURIComponent(res.webViewUrl),
    };
  },

如此便能分享给好友了