vue中企业微信 第三方应用扫码登录（pc端）

企业微信 第三方应用扫码登录参考文档：接入指引 - 接口文档 - 企业微信开发者中心

首先在login页面，写一个按钮，触发点击事件,引导用户进入登录授权页：

<button @click="toWxLogin">企业微信扫码登录</button>

toWxLogin(){
      //授权登录之后目的跳转网址，需要做urlencode处理。所在域名需要与授权完成回调域名一致
      let url = 'http://....'
      //服务商的CorpID
      let appid="ww..."
      //支持登录的类型。admin代表管理员登录,member代表成员登录,默认admin
      let userType='member'
      window.location.href=`https://open.work.weixin.qq.com/wwopen/sso/3rd_qrConnect?appid=${appid}&redirect_uri=${encodeURIComponent(url)}&usertype=${userType}`
}

在 授权登录之后目的跳转网址对应的页面（login页面）， 做watch监听路由，获取code

 watch: {
    "$route.query": {
         handler(newVal, oldVal) {
             console.info(newVal, oldVal)
             this.code = this.$route.query["auth_code"]
             this.code&&this.getStaffInfo()//获取到code，调用后端接口换取token
          },
         deep: true,
         immediate: true
     }  
  }, 

获取到code，调用后端接口换取token即可。