评论

关于最新的公众号订阅消息,vue 项目你只需要这样

wx-open-subscribe

<template>
    <wx-open-subscribe
        id="wechatSubscribe"
        :style="style" 
        :template="templates.join(',')"
        @success="wechatSubscribeSuccess"
        @error="wechatSubscribeError"
    >
        <script type="text/wxtag-template">
            <style>
            .subscribe-btn {
            width100%;
            height100px;
            display: block;
            }
            </style>
            <button class="subscribe-btn">scribe</button>
        </script>
    </wx-open-subscribe>
</template>


<script>
// 给嵌套它的父级设置 position: relative 等。
export default {
    props: {
        templates: {
            typeArray,
            default() => [],
        },
        width: {
            typeString,
            default'100%',
        },
        height: {
            typeString,
            default'100%',
        },
        top: {
            typeString,
            default'0',
        },
        left: {
            typeString,
            default'0',
        },
    },
    computed: {
        style() {
            return `position: absolute;top: ${this.top || 0}; left: ${this.left || 0}; width: ${this.width}; height: ${this.height};opacity: 0; z-index: 100;`
        },
    },
    methods: {
        wechatSubscribeSuccess(e) {
            this.$emit('on-ok');
        },
        wechatSubscribeError(e) {
            this.$emit('on-ok');
        },
    },
}
</script>





最后一次编辑于  2021-04-26  
点赞 0
收藏
评论

1 个评论

  • 李程龙
    李程龙
    2021-05-29

    返回的  e.detail对象为{}这个你有遇到吗

    2021-05-29
    赞同
    回复 2
    • Aimee~Z
      Aimee~Z
      2021-07-13
      我也遇到了  怎么解决啊?
      2021-07-13
      回复
    • Boom
      Boom
      2021-12-09回复Aimee~Z
      同样的问题,怎么解决的?求告知
      2021-12-09
      回复
登录 后发表内容