微信小程序内嵌h5 分享子页面点击进入后是主页面解决办法

2024-01-08 20:56:06
<web-view src='{{src}}'></web-view>

src: `https://XXXXXX,
/**
 * 生命周期函数--监听页面加载
*/
onLoad(options) {
  this.srcFun(options)
},
srcFun(options){
	//当有子页面id时 更改内嵌页链接
    if (options.urlPathNew) { 
      let url=`https://XXX/caseOrder?classicId=${options.urlPathNew}`
      this.setData({
        src:url
      })
    }
},
/**
   * 用户点击右上角分享
   */
  onShareAppMessage(options) {
    const h5Url = options.webViewUrl; //当前页面h5的链接
    // 使用正则表达式提取 classicId 的值
    const matchResult = h5Url.match(/classicId=(\d+)/); 
    // 判断是否匹配成功
    let srcPath='/pages/caseH5/case'
    if (matchResult && matchResult.length > 1) {
      classicIdValue = matchResult[1];
      srcPath=`/pages/caseH5/case?urlPathNew=${classicIdValue}`
    } else {
      console.log("未找到 classicId");
    }
    return{
      title: "分享成功",  //分享的标题
      path: srcPath, //分享的路径
      imageUrl:'/assets/share.png' //分享的封面图片
    }
  }

文章来源:https://blog.csdn.net/qq_40955816/article/details/135451154
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。