Vue2 - 详解实现网站接入钉钉扫码登录功能，钉钉授权生成登录二维码用户用手机扫描二维码登陆，支持弹框式、浏览器单独新开页显示，钉钉扫描二维码登录详细流程及示例代码，最新vue集成钉钉扫码授权登录！

前言

如果您需要 Vue3 版本，请访问 这篇文章。

在 vue2 | nuxt2 项目开发中，详解对接钉钉扫一扫登录功能，网站应用植入钉钉扫描二维码登录功能，用户使用钉钉扫码后在手机上点击确认登录，网页监听响应登录请求并获取钉钉用户信息，支持自定义登录二维码的大小、颜色、提示文字等样式，可将二维码放入弹框模态框内展示、浏览器新开一页弹出内嵌网页展示(重定向登录完毕后自动返回)、页面弹出一个小窗口，扫完自动关闭小网页，解决扫码没反应、获取不到用户信息、渲染钉钉二维码报错、参数错误、常见报错等。

您复制代码运行即可，新手小白改个界面样式即可。

---

如下图所示，可将二维码放在 “任意位置” 进行展示，或者在网页上弹出一个窗口、新开网页等交互。

第一步

您要使用钉钉的登录，就必须前往钉钉开放平台申请应用及密钥等事项，以下