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

更新时间：2020年05月09日 11:42:22 作者：随风...

这篇文章主要介绍了有关vue 开发的钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

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

您可能感兴趣的文章:

使用java实现“钉钉微应用免登进入某H5系统首页“功能”

vuex Mutations同步Actions异步原理解析
这篇文章主要为大家介绍了vuex Mutations同步Actions异步原理解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-12-12
vue.config.js完整配置教程
这篇文章主要为大家介绍了vue.config.js的完整配置教程，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
用v-html解决Vue.js渲染中html标签不被解析的问题
这篇文章主要给大家介绍了如何利用v-html解决Vue.js渲染过程中html标签不能被解析，html标签显示为字符串的问题，文中通过图文介绍的很详细，有需要的朋友们可以参考借鉴，下面来一起看看吧。
2016-12-12
vue Proxy数据代理进行校验部分源码实例解析
Proxy提供了强大的Javascript元编程,有许多功能,包括运算符重载,对象模拟,简洁而灵活的API创建,对象变化事件,甚至Vue 3背后的内部响应系统提供动力,这篇文章主要给大家介绍了关于vue Proxy数据代理进行校验部分源码解析的相关资料,需要的朋友可以参考下
2022-01-01
vue页面图片不显示问题解决方案
这篇文章主要介绍了vue页面图片不显示问题解决方案,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
2021-09-09
vue轮播图插件vue-concise-slider的使用
这篇文章主要介绍了vue轮播图插件vue-concise-slider的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-03-03
详解Vue取消eslint语法限制
本篇文章给大家分享了Vue取消eslint语法限制的相关知识点内容，有兴趣的朋友们可以参考学习下。
2018-08-08
解决vue组件中使用v-for出现告警问题及v for指令介绍
这篇文章主要介绍了解决vue组件中使用v-for出现告警问题,在文中给大家介绍了v for指令，需要的朋友可以参考下
2017-11-11
vue3中watch和watchEffect实战梳理
这篇文章主要介绍了vue3中watch和watchEffect实战梳理，watch和watchEffect都是vue3中的监听器，但是在写法和使用上是有区别的。下文介绍他们之间的方法及区别，需要的朋友可以参考一下
2022-07-07
VueTreeselect 参数options的数据转换-参数normalizer解析
这篇文章主要介绍了VueTreeselect 参数options的数据转换-参数normalizer解析，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-07-07