收藏
回答

wx-open-launch-weapp在vue中使用,IOS端正常,安卓端异常?

<template>
    <div class="wx-link">
        <!--id="launch-btn"-->
        <wx-open-launch-weapp
          :id="pagePath"
          :username="username"
          :path="pagePath"
        >
          <script type="text/wxtag-template">
            <style>
                .btn {
                    line-height: 1.499;
                    position: relative;
                    display: inline-block;
                    font-weight: 400;
                    white-space: nowrap;
                    text-align: center;
                    background-image: none;
                    border: 1px solid #d9d9d9;
                    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.015);
                    box-shadow: 0 2px 0 rgba(0,0,0,0.015);
                    cursor: pointer;
                    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
                    transition: all .3s cubic-bezier(.645, .045, .355, 1);
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                    -ms-touch-action: manipulation;
                    touch-action: manipulation;
                    width: 750px;
                    height: 300px;
                    font-size: 14px;
                    border-radius: 4px;
                    color: rgba(0,0,0,0.65);
                    background-color: #007aff;
                }
             </style>
            <button class="btn"></button>
          </script>
        </wx-open-launch-weapp>
    </div>
</template>

<script>
    export default {
        name: "index",
        props: {
            username: {
                default: '',
                type: String
            },
            pagePath: {
                default: 'pages/index/index.html',
                type: String
            }
        },
        mounted () {
            let btn = document.getElementById(this.pagePath);
            btn.addEventListener('launch', function (e) {
                alert('success')
                console.log('success');
            });
            btn.addEventListener('error', function (e) {
                alert('fail' + e.detail)
                console.log('fail', e.detail);
            });
        }
    }
</script>

<style lang="less" scoped>
.wx-link{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: #999999;
    max-width: 100vw;
    /*overflow: hidden;*/
}
</style>

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

3 个回答

  • 社区技术运营专员-CJiang
    社区技术运营专员-CJiang
    01-05

    你好,麻烦提供下复现的机型,微信版本号,以及复现的链接,并详细描述下复现的流程。

    01-05
    有用
    回复
  • MORNINGSTART(tiezhu)
    MORNINGSTART(tiezhu)
    02-24

    怎么异常法呢

    02-24
    有用
    回复
  • jq
    jq
    01-05

    上面是代码片段

    01-05
    有用
    回复 3
    • jq
      jq
      01-05
      授权为全局授权
      01-05
      回复
    • 🐯🐰
      🐯🐰
      03-10
      解决了吗,我也遇到这个问题了
      03-10
      回复
    • 黄堪仁
      黄堪仁
      08-30
      一样遇到这个问题
      08-30
      回复
登录 后发表内容
问题标签