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


Posted in Javascript onMay 09, 2020

最近在做钉钉的免登,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() 不执行内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript html 静态页面传参数
Apr 10 Javascript
javascript代码编写需要注意的7个小细节小结
Sep 21 Javascript
Js Jquery创建一个弹出层可加载一个页面
May 08 Javascript
Jquery 实现checkbox全选方法
Jan 28 Javascript
使用jspdf生成pdf报表
Jul 03 Javascript
JQuery 动态生成Table表格实例代码
Dec 02 Javascript
基于vue的下拉刷新指令和滚动刷新指令
Dec 23 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
Dec 31 Javascript
详谈js原型继承的一些问题
Sep 06 Javascript
jquery的 filter()方法使用教程
Mar 22 jQuery
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
JavaScript解析及序列化JSON的方法实例分析
Jan 04 Javascript
基于JQuery实现页面定时弹出广告
May 08 #jQuery
使用vue cli4.x搭建vue项目的过程详解
May 08 #Javascript
JQuery复选框全选效果如何实现
May 08 #jQuery
JQuery省市联动效果实现过程详解
May 08 #jQuery
基于JavaScript实现控制下拉列表
May 08 #Javascript
JS数组的常用10种方法详解
May 08 #Javascript
如何实现js拖拽效果及原理解析
May 08 #Javascript
You might like
PHP 杂谈《重构-改善既有代码的设计》之四 简化条件表达式
2012/04/09 PHP
PHP--用万网的接口实现域名查询功能
2012/12/13 PHP
PHP删除非空目录的函数代码小结
2013/02/28 PHP
php5.3 不支持 session_register() 此函数已启用的解决方法
2013/11/12 PHP
Chrome Web App开发小结
2014/09/04 PHP
PHP中cookie知识点学习
2018/05/06 PHP
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
小试JQuery的AutoComplete插件
2011/05/04 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
2011/12/08 Javascript
js中运算符&& 和 || 的使用记录
2014/08/21 Javascript
node.js中的console.dir方法使用说明
2014/12/10 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
2016/08/20 Javascript
JavaScript SHA-256加密算法详细代码
2016/10/06 Javascript
基于JavaScript实现Tab选项卡切换效果
2016/11/24 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
2020/11/24 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
2017/08/03 Javascript
JavaScript判断日期时间差的实例代码
2018/03/01 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
2018/05/18 Javascript
JS实现鼠标按下拖拽效果
2020/07/23 Javascript
vue实现简单的登录弹出框
2020/10/26 Javascript
[06:16]《DAC最前线》之地区预选赛全面回顾
2015/01/19 DOTA
[06:20]2015国际邀请赛第三日top10
2015/08/08 DOTA
python生成词云的实现方法(推荐)
2017/06/13 Python
Python使用Windows API创建窗口示例【基于win32gui模块】
2018/05/09 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
Python实现Restful API的例子
2019/08/31 Python
学习Django知识点分享
2019/09/11 Python
python生成器用法实例详解
2019/11/22 Python
keras slice layer 层实现方式
2020/06/11 Python
浅析Python 条件控制语句
2020/07/15 Python
La Redoute英国官网:法国时尚品牌
2017/04/27 全球购物
五年级语文教学反思
2014/01/30 职场文书
学校党的群众路线教育实践活动整改措施
2014/10/25 职场文书
《西游记》读后感(3篇)
2019/09/20 职场文书
有关信念的名言语录集锦
2019/12/06 职场文书