收藏
回答

H5跳转小程序,签名通过点击跳转无反应?

wx-open-launch-weapp 跳转小程序点击无反应,报错信息也没有回来。


<div id="wechat-web-container" style="width: 100%;height: 100px;display: flex; align-items: center;justify-content: center;">

<wx-open-launch-weapp id="launch-btn" username="小程序ID" path="/pages/index/index.html" @error="handError"

@launch="handleLaunchFn">

<template>

<style>

.wx-btn {

width: 100px !important;

height: 44px !important;

line-height: 44px !important;

font-size: 16px !important;

color: #ffffff !important;

background-color: #f94048 !important;

text-align: center !important;

}

</style>

<button class="wx-btn" style="border: 1px solid red !important;" @click="handletest">跳转小程序</button>

</template>

</wx-open-launch-weapp>

</div>


验签成功 增加

that.$wx.ready(res => {

console.log(res);

that.$nextTick(() => {

let btn = document.getElementById('launch-btn');

btn.addEventListener('launch', e => {

console.log('success');

alert('success');

});

btn.addEventListener('error', e => {

alert('小程序打开失败');

console.log('fail', e.detail);

alert('fail', e.detail);

});

});

});


回调函数

handleError(e) {

console.log('fail', e.detail);

alert('fail', e.detail);

},

handleLaunchFn(e) {

console.log('success');

alert('success');

},

handletest() {

console.log('handletest');

alert('handletest');

}

回答关注问题邀请回答
收藏

2 个回答

  • Sarah 📿
    Sarah 📿
    2021-04-01

    外部h5任意外链跳转微信打开小程序,参考案例 http://m.jumpwx.com/wx/?i=170

    2021-04-01
    有用
    回复 1
    • iDreaming
      iDreaming
      2021-04-01
      这。。。 怎么借鉴
      2021-04-01
      回复
  • iDreaming
    iDreaming
    2021-03-30

    是不是 还需要对应公众号配置什么东西,小程序是需要上架? 还有服务号绑定吗?

    2021-03-30
    有用
    回复 1
    • Cx330
      Cx330
      2021-07-31
      解决了吗
      2021-07-31
      回复
登录 后发表内容
问题标签