uniapp app通过web-view访问h5,h5通知app打开此h5页面

1 app调用h5页面如下:

<template>
    <view class="appPage">
        <web-view :src="link" @message="handleMsg"></web-view>
    </view>
</template>

onLoad(opts) {
            this.initPage();
},

    methods: {
            initPageData() {
                let path = `域名/pages/mindmap/index?=a${a}&b=${b}`;
                this.link= path;
            },

}

2 h5 返回app(app跳转到h5页面)--此时是h5页面

 <view class="item"   @click="toNoticeApp()" ></view>
            toNoticeApp(){
                //通知app打开本页面
                webUni.postMessage({
                    data: { //带到app的参数
                           a:a,
                           b:b
                    }
                });
            },

3 返回app 通过h5发出的通知 在app web-view接受此方法

//同1页面 一样

<template>
    <view class="appPage">
        <web-view :src="link" @message="handleMsg"></web-view>
    </view>
</template>

handleMsg(e){
                const a= e.detail.data[0].a;
                const b= e.detail.data[0].b;
                uni.navigateTo({
                    url: `/pages/dzq/index?a=${a}&b=${b}`
                })
            }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值