有关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 相关文章推荐
js字符编码函数区别分析
Jun 05 Javascript
javascript(jquery)利用函数修改全局变量的代码
Nov 02 Javascript
jQuery fadeTo方法调整图片的透明度使用介绍
May 06 Javascript
通过onmouseover选项卡实现img图片的变化
Feb 12 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
Mar 16 Javascript
JS更改select内option属性的方法
Oct 14 Javascript
修改jquery中dialog的title属性方法(推荐)
Aug 26 Javascript
jq给页面添加覆盖层遮罩的实例
Feb 16 Javascript
Node.JS文件系统解析实例详解
May 15 Javascript
详谈DOM简介及节点、属性、查找节点的方法
Nov 16 Javascript
vue实现城市列表选择功能
Jul 16 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
May 31 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笔记之:日期函数的使用介绍
2013/04/24 PHP
php对图像的各种处理函数代码小结
2013/07/08 PHP
Server.HTMLEncode让代码在页面里显示为源代码
2013/12/08 PHP
php图片添加水印例子
2016/07/20 PHP
Yii框架中sphinx索引配置方法解析
2016/10/18 PHP
PHP+Redis开发的书签案例实战详解
2019/07/09 PHP
PHP实现简单的协程任务调度demo示例
2020/02/01 PHP
THINKPHP5分页数据对象处理过程解析
2020/10/28 PHP
javascript网页关键字高亮代码
2008/07/30 Javascript
广泛收集的jQuery拖放插件集合
2012/04/09 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
推荐10 个很棒的 jQuery 特效代码
2015/10/04 Javascript
Node.js包管理器Yarn的入门介绍与安装
2016/10/17 Javascript
JS回调函数简单用法示例
2017/02/09 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
js按条件生成随机json:randomjson实现方法
2017/04/07 Javascript
Jquery获取radio选中值实例总结
2019/01/17 jQuery
深入了解JavaScript代码覆盖
2019/06/13 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
2020/08/04 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
举例介绍Python中的25个隐藏特性
2015/03/30 Python
Python面向对象编程之继承与多态详解
2018/01/16 Python
详解python中asyncio模块
2018/03/03 Python
jupyter notebook 添加kernel permission denied的操作
2020/04/21 Python
css3遮罩层镂空效果的多种实现方法
2020/05/11 HTML / CSS
HTML5 device access 设备访问详解
2018/05/24 HTML / CSS
使用canvas实现黑客帝国数字雨效果
2020/01/02 HTML / CSS
美国首屈一指的礼品篮供应商:GiftTree
2018/01/06 全球购物
开发中都用到了那些设计模式?用在什么场合?
2014/08/21 面试题
酒店销售主管岗位职责
2014/01/04 职场文书
校运会入场式解说词
2014/02/10 职场文书
2014年销售人员工作总结
2014/11/27 职场文书
医生个人年终总结
2015/02/28 职场文书
公文写作:新员工转正申请书范本3篇!
2019/08/07 职场文书
golang如何去除多余空白字符(含制表符)
2021/04/25 Golang
JS轻量级函数式编程实现XDM二
2022/06/16 Javascript