欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-20 17:46:26
最近在做钉钉的免登,npm 安装好 dingtalk-jsapi 后,执行 dd.ready()怎么都不生效。但是判断当前环境是不是 ‘notindingtalk' 时又是有效的。花了很长时间,一直找...

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

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

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

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

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

终于如愿显示授权码了:

有关vue 开发钉钉 H5 微应用 dd.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 微应用 dd.ready() 不执行问题及快速解决方案的文章就介绍到这了,更多相关vue 钉钉微应用 dd.ready() 不执行内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!