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

网络编程 2024/12/23 佚名

2 0 1

蝙蝠岛资源网 Design By www.hbtsch.com

最近在做钉钉的免登，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(),不执行

标签：

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

蝙蝠岛资源网 Design By www.hbtsch.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

蝙蝠岛资源网 Design By www.hbtsch.com

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

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

www.hbtsch.com 蝙蝠岛资源网

139,976影音资源

144,792福利资源

21,817软件资源

631,128技术资源

更新日志

2024年12月23日

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

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

基于JavaScript实现表格隔行换色

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

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

更新日志

友情链接