显示微信登录图标.vue

<template lang='pug'>
// 社交媒体账号
            .box-icon-line
              .icon.wechat(@click='wechat_click')
                img(src='/static/app-image/icon-wechat-color.png', alt='wechat icon')
</template>

<script>

  export default {
    data: function() {
      return {}
    }
    methods: {
      // 微信登录
      wechat_click(){
        var APPID = config.wechat_app_id;
        // var redirect_uri = 'https://www.wittcism.com/wechat-login2'
        var redirect_uri = 'https://www.wittcism.com/wechat-login'
        redirect_uri = encodeURIComponent(redirect_uri)
        var url = `https://open.weixin.qq.com/connect/qrconnect?appid=${APPID}&redirect_uri=${redirect_uri}&response_type=code&scope=snsapi_login`
        window.location.href = url;
      },
    }
  }
  </script