有关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 相关文章推荐
jQuery获取样式中的背景颜色属性值/颜色值
Dec 17 Javascript
Javascript判断对象是否相等实现代码
Mar 18 Javascript
判断是否安装flash player及当前版本的JS代码
Aug 08 Javascript
JS实现定时自动关闭DIV层提示框的方法
May 11 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
Aug 18 Javascript
js改变html的原有内容实现方法
Oct 05 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
Jan 08 Javascript
jquery实现左右滑动式轮播图
Mar 02 Javascript
微信小程序 获取session_key和openid的实例
Aug 17 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
vue-cli3环境变量与分环境打包的方法示例
Feb 18 Javascript
详解基于Vue/React项目的移动端适配方案
Aug 23 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检测文件编码的函数
2014/04/21 PHP
php 二维数组时间排序实现代码
2016/11/19 PHP
php使用curl模拟多线程实现批处理功能示例
2019/07/25 PHP
dojo学习第一天 Tab选项卡 实现
2011/08/28 Javascript
jquery入门—访问DOM对象方法
2013/01/07 Javascript
JS链式调用的实现方法
2013/03/07 Javascript
JS 打印功能代码可实现打印预览、打印设置等
2014/10/31 Javascript
将form表单通过ajax实现无刷新提交的简单实例
2016/10/12 Javascript
web前端开发upload上传头像js示例代码
2016/10/22 Javascript
原生js实现日期计算器功能
2017/02/17 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
2017/04/17 jQuery
vue 根据选择条件显示指定参数的例子
2019/11/09 Javascript
JS如何把字符串转换成json
2020/02/21 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
2020/05/22 Javascript
js异步接口并发数量控制的方法示例
2020/11/22 Javascript
Python基础教程之内置函数locals()和globals()用法分析
2018/03/16 Python
解决tensorflow1.x版本加载saver.restore目录报错的问题
2018/07/26 Python
图解python全局变量与局部变量相关知识
2019/11/02 Python
python 实现批量替换文本中的某部分内容
2019/12/13 Python
python文件和文件夹复制函数
2020/02/07 Python
python程序文件扩展名知识点详解
2020/02/27 Python
美国户外生活方式品牌:Eddie Bauer
2016/12/28 全球购物
请解释接口的显式实现有什么意义
2012/05/26 面试题
简历的自荐信
2013/12/19 职场文书
《凡卡》教学反思
2014/04/09 职场文书
学校安全责任书
2014/04/14 职场文书
电子信息工程专业自荐书
2014/06/24 职场文书
党校学习心得体会范文
2014/09/09 职场文书
2014年内部审计工作总结
2014/12/09 职场文书
2014年基建工作总结
2014/12/12 职场文书
自荐信格式模板
2015/03/27 职场文书
微信早安问候语
2015/11/10 职场文书
nginx 防盗链防爬虫配置详解
2021/03/31 Servers
python opencv将多个图放在一个窗口的实例详解
2022/02/28 Python
MySQL数据库如何查看表占用空间大小
2022/06/10 MySQL
Java 中的 Lambda List 转 Map 的多种方法详解
2022/07/07 Java/Android