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

javascript 复制代码
<web-view src='{{src}}'></web-view>
javascript 复制代码
src: `https://XXXXXX,
javascript 复制代码
/**
 * 生命周期函数--监听页面加载
*/
onLoad(options) {
  this.srcFun(options)
},
javascript 复制代码
srcFun(options){
	//当有子页面id时 更改内嵌页链接
    if (options.urlPathNew) { 
      let url=`https://XXX/caseOrder?classicId=${options.urlPathNew}`
      this.setData({
        src:url
      })
    }
},

通过子页面特定的id有无进行判断,可根据项目自行修改

javascript 复制代码
/**
   * 用户点击右上角分享
   */
  onShareAppMessage(options) {
    const h5Url = options.webViewUrl; //当前页面h5的链接
    // 使用正则表达式提取 classicId 的值
    const matchResult = h5Url.match(/classicId=(\d+)/); 
    // 判断是否匹配成功
    let srcPath='/pages/caseH5/case'
    if (matchResult && matchResult.length > 1) {
      let classicIdValue = matchResult[1];
      srcPath=`/pages/caseH5/case?urlPathNew=${classicIdValue}`
    } else {
      console.log("未找到 classicId");
    }
    return{
      title: "分享成功",  //分享的标题
      path: srcPath, //分享的路径
      imageUrl:'/assets/share.png' //分享的封面图片
    }
  }
相关推荐
说私域13 小时前
私域整体结构的顶层设计:基于“开源AI智能名片链动2+1模式S2B2C商城小程序”的体系重构
人工智能·小程序·开源
2501_9151063214 小时前
CDN 可以实现 HTTPS 吗?实战要点、部署模式与真机验证流程
网络协议·http·ios·小程序·https·uni-app·iphone
云起SAAS1 天前
SCL-90症状自评量表抖音快手微信小程序看广告流量主开源
微信小程序·小程序·ai编程·看广告变现轻·scl-90症状自评量表·scl-90
LoveEate1 天前
uniapp 运行/发版微信小程序
微信小程序·小程序·uni-app
韩立学长2 天前
【开题答辩实录分享】以《基于微信小程序的糖尿病居家健康管理系统》为例进行答辩实录分享
微信小程序·小程序
卷Java2 天前
预约记录关联查询接口说明
java·开发语言·spring boot·python·微信小程序
杏花春雨江南2 天前
小程序的页面宽度 设置多少合适??
小程序
fakaifa2 天前
【高级版】沃德政务招商系统源码+uniapp小程序
小程序·uni-app·源码下载·沃德政务招商系统·招商系统源码
云起SAAS2 天前
族谱家谱抖音快手微信小程序看广告流量主开源
微信小程序·小程序·ai编程·看广告变现轻·族谱家谱
明月(Alioo)2 天前
用AI帮忙,开发刷题小程序:微信小程序在线答题系统架构解析
微信小程序·小程序·系统架构