微信小程序内嵌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' //分享的封面图片
    }
  }
相关推荐
2501_915918411 天前
iOS 开发全流程实战 基于 uni-app 的 iOS 应用开发、打包、测试与上架流程详解
android·ios·小程序·https·uni-app·iphone·webview
黑马源码库miui520861 天前
JAVA同城打车小程序APP打车顺风车滴滴车跑腿源码微信小程序打车源码
java·微信·微信小程序·小程序·uni-app
一口十个小甜虾1 天前
微信小程序体验版,当打开调试模式正常访问,关闭之后无法访问
微信小程序·小程序
悟空码字1 天前
微信开放平台第三方平台,可以管理多个微信小程序
微信·小程序·开放平台
じòぴé南冸じょうげん1 天前
微信小程序如何进行分包处理?
前端·小程序
说私域1 天前
基于开源AI大模型AI智能名片S2B2C商城小程序的参与感构建研究
人工智能·小程序·开源
毕设源码-邱学长2 天前
【开题答辩全过程】以 基于微信小程序的宠物领养系统为例,包含答辩的问题和答案
微信小程序·小程序·宠物
canglingyue2 天前
微信小程序日历事件添加实现
微信小程序·小程序
毕设源码-邱学长2 天前
【开题答辩全过程】以 基于微信小程序校园综合服务平台的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
Thetimezipsby2 天前
基于Taro4打造的一款最新版微信小程序、H5的多端开发简单模板
前端·javascript·微信小程序·typescript·html5·taro