https://blog.csdn.net/weixin_39246975/article/details/108733053

    1. //用于展示二维码图片
    2. <iframe
    3.   style="height: 380px"
    4.   :src="loginUrl"
    5.   class="scan-qrcode-iframe"
    6.   frameborder="0"
    7. ></iframe>
    1. computed: {
    2.       //处理地址，添加
    3.     loginUrl() {
    4.       return (
    5.         //redirect_uri ：授权登录之后目的跳转网址，需要做urlencode处理。所在域名需要与授权完成回调域名一致，这个是在前面的配置登录授权里面的 授权完成回调的域名
    6.         //state：用于企业或服务商自行校验session，防止跨域攻击
    7.         //usertype ：支持登录的类型。admin代表管理员登录（使用微信扫码）,member代表成员登录（使用企业微信扫码），默认为admin
    8.         //最后的构造的链接大概就是这样：
    9.         'https://open.work.weixin.qq.com/wwopen/sso/3rd_qrConnect?appid=ww466b8c154f5c214f&redirect_uri=' +
    10.         encodeURIComponent('https://scrm.51xctec.com/login') +
    11.         '&usertype=member'
    12.       )
    13.     }
    14.   },
    1. watch: {
    2. //监听路由变化，将auth_code返回给后端
    3.     $route: {
    4.       handler: function (to) {
    5.         console.log(to, 'to')
    6.         if (to.query.auth_code) {
    7.           this.getStaffInfo(to.query.auth_code)
    8.         }
    10.         const query = to.query
    11.         console.log(query, 'query')
    12.         if (query) {
    13.           this.redirect = query.redirect
    14.           this.otherQuery = this.getOtherQuery(query)
    15.           console.log(this.redirect, 'redirect')
    16.           console.log(this.otherQuery, 'otherQuery')
    17.         }
    18.       },
    19.       immediate: true
    20.     }