hongze_yb_xcx/pages/pc.vue

<template>
  <view class="pc-page">
      <web-view :src="url" @message="handleGetMessage" v-if="url"/>
  </view>
</template>

<script>
import {pcBaseUrl} from '../utils/config'
const mapObj=new Map([
    ['pages/activity/activity','/activity/list'],
    ['pages-activity/detail','/activity/detail']
])//map映射小程序页面路径对应h5页面路径
export default {
    data () {
        return {
            url:'',
            msgObj:{},//{path:小程序页面地址,params:页面参数,title:分享的标题,shareImg:分享的图片}
        }
    },
    onLoad(options) {
        console.log('pc页面onload数据',options);
        let paramsObj={
            ...options,
            token:this.$store.state.user.token||uni.getStorageSync("token"),
            timestamp:new Date().getTime(),//防止缓存
        }
        delete paramsObj.xcxPath
        console.log('要处理的参数',paramsObj);
        let paramsObjStr=''
        for (const key in paramsObj) {
            if(!paramsObjStr){
                paramsObjStr=`${key}=${paramsObj[key]}`
            }else{
                paramsObjStr=`${paramsObjStr}&${key}=${paramsObj[key]}`
            }
        }
        console.log('拼接字符串：',paramsObjStr);
        this.url=`${pcBaseUrl}${mapObj.get(decodeURIComponent(options.xcxPath))||'/'}?${paramsObjStr}`      
    },
    onShareAppMessage({webViewUrl}) {
        // console.log(webViewUrl);
        let paramsStr=''
        for(const key in this.msgObj.params){
            if(!paramsStr){
                paramsStr=`${key}=${this.msgObj.params[key]}`
            }else{
                paramsStr=`${paramsStr}&${key}=${this.msgObj.params[key]}`
            }
        }
        return {
            title: this.msgObj.title||'弘则研究',
            path: `${this.msgObj.path}?${paramsStr}`,
            imageUrl:this.msgObj.shareImg||''
        }
    },

    methods: {
        // 获取到用户点击转发时从h5页面传来的参数
        handleGetMessage(e){
            const data=e.detail.data[e.detail.data.length-1]
            console.log('h5传来的数据',data);
            this.msgObj=data
        }
    },

    onShow() {
        uni.hideHomeButton({
            fail:(e)=>{
                console.log(e);
            }
        })
    }
}
</script>