微信小程序内嵌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' //分享的封面图片
    }
  }
相关推荐
知识分享小能手37 分钟前
微信小程序入门学习教程,从入门到精通,自定义组件与第三方 UI 组件库(以 Vant Weapp 为例) (16)
前端·学习·ui·微信小程序·小程序·vue·编程
全栈小51 小时前
【小程序】微信开发者工具上调用api接口可以,到了线上调用发现提示wx.request调用报错,原来是https协议问题
网络协议·小程序·https
爱隐身的官人3 小时前
微信小程序反编译教程
微信小程序·小程序·小程序反编译
G佳伟4 小时前
你好,因用户投诉并经平台审核,发现账号已发布的服务所选类目与小程序运营内容不符合,亲测有效
小程序
计算机徐师兄5 小时前
Java基于SpringBoot的智慧校园管理系统小程序【附源码、文档说明】
java·微信小程序·小程序·智慧校园管理系统小程序·java智慧校园管理系统小程序·智慧校园管理系统微信小程序·智慧校园管理微信小程序
毕设源码-赖学姐5 小时前
【开题答辩全过程】以 宝贝回家网微信小程序为例,包含答辩的问题和答案
微信小程序·小程序
说私域8 小时前
开源AI智能名片赋能下微商商业模式的创新路径研究——以链动2+1模式与S2B2C商城小程序融合为例
人工智能·小程序·开源
_AaronWong9 小时前
微信小程序同声传译插件接入实战:语音识别功能完整实现指南
前端·微信小程序·uni-app
赵庆明老师17 小时前
Uniapp微信小程序开发:http请求封装。
http·微信小程序·uni-app
pearbing21 小时前
B站排名优化:知识、娱乐、生活类内容的差异化实操策略
人工智能·微信·小程序·生活·娱乐