Web站，前端接入钉钉扫码登录！

<script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>

<div class="ddlogin" id="ddlogin"></div>

mounted(){
//code为传给后端的
const { code } = this.$route.query
if (code) {
this.submitLogin(code)
  } else { //钉钉二维码
this.ddLoginInit()
  } 
}

mounted(){
//code是登录所需最终参数
const { code } = this.$route.query
if(code){ //登录接口
this.goDdLogin(code)
  }else{ //钉钉二维码
this.ddLoginInit()
  } 
},
methods: {
ddLoginInit(){
let url = encodeURIComponent('换成自己的回调地址');
let appid = '自己的AppID'
let goto = encodeURIComponent(`https://oapi.dingtalk.com/connect/oauth2/sns_authorize?appid=${appid}&response_type=code&scope=snsapi_login&state=STATE&redirect_uri=${url}`)
let obj = DDLogin({
id:"login_container",
goto: goto,
style: "border:none;background-color:#FFFFFF;",
width : "100%",
height: "300"
   });
let handleMessage =  (event) =>{
let origin = event.origin;
if( origin == "https://login.dingtalk.com" ) { //判断是否来自ddLogin扫码事件。
let loginTmpCode = event.data; 
window.location.href = `https://oapi.dingtalk.com/connect/oauth2/sns_authorize?appid=${appid}&response_type=code&scope=snsapi_login&state=STATE&redirect_uri=${url}&loginTmpCode=${loginTmpCode}`
     }
   };
 },
 goDdLogin(code){
// 写自己的登录后的逻辑
}