有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案

站长资源 2024/12/27 佚名

79 1538 79

DDR爱好者之家 Design By 杰米

最近在做钉钉的免登，npm 安装好 dingtalk-jsapi 后，执行 dd.ready()怎么都不生效。但是判断当前环境是不是 ‘notInDingTalk' 时又是有效的。花了很长时间，一直找不到原因。后来无意中发现别人的代码似乎跟我有一点差异，于是抱着死马当活马医的心态试试，结果真的有效。

废话不多说，原因在于从官网复制的代码里的匿名函数function(){}，在vue开发里是无效的，需要改成箭头函数 () =>{}
修改之前的：

这个 ‘this.userCode' 是临时修改成用于测试有没有进入 dd.ready() 的，不要在意这些细节。
如果正常的话，this.userCode 应该显示：“开始执行ready 进入了钉钉获取授权码成功”但是实际上只显示了：“开始执行ready“修改后：

终于如愿显示授权码了：

贴上代码：

 if (dd.env.platform !== "notInDingTalk") {
 this.userCode += '开始执行ready ';
 //进行钉钉登录操作
 dd.ready(() => {
 this.$Message.info('1')
 this.userCode = '进入了钉钉 ';
 dd.runtime.permission.requestAuthCode({
 corpId: corpId, // 企业id
 onSuccess: (info) => {
  //todo: 测试获取授权码
  this.userCode += " 获取授权码成功 ";
  this.userCode += info.code // 通过该免登授权码可以获取用户身份
 },
 onFail: (error) => {
  this.userCode += " 获取授权码失败 ";
  console.log('好吧，问题不小')
  this.$Message.error(JSON.stringify(error))
 }
 });
 });

总结

vue,钉钉H5,微应用,vue,,dd.ready(),不执行

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案”

暂无评论...

有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案

基于JavaScript实现表格隔行换色

基于JQuery实现页面定时弹出广告

评论“有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案”

更新日志

友情链接