半亩花草 发表于 2024-12-14 16:58:57

微信小步伐内嵌H5跳转小步伐页面

1、在 H5 页面引入下面 js:
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
 
2、 js跳转微信小步伐
//先判断当前环境是小程序环境
wx.miniProgram.getEnv(function(res){
        if(res.miniprogram){
                //跳转到小程序页面
                wx.miniProgram.navigateTo({
                        url:"/pages/xxx"
                })
        }
}) 内嵌H5传值给微信小步伐

1、小步伐代码
//web-view
<web-view :src="url" @message="getMessage"></web-view>
export default{
        data(){
                return{
                        url:''
                }
        },
        onLoad(option){
                this.url = option.url
        }
        methods:{
                getMessage(e){
                        //接收参数,也可以跳转到小程序其他页面将参数传递过去
                        console.log(e.detail)
                }
        }
}
2、js代码
wx.miniProgram.navigateTo({
url:"/pages/xxx/xxx/xxx?name=xxx"
});
 

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 微信小步伐内嵌H5跳转小步伐页面