脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → vue 钉钉微应用 dd.ready() 不执行

有关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() 不执行内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • VUE中$refs的基本用法举例

    VUE中$refs的基本用法举例

    ref 加在子组件上，用this.$refs.（ref值） 获取到的是组件实例，可以使用组件的所有方法， 在使用方法的时候直接this.$refs.（ref值）.方法（） 就可以使用了，这篇文章主要介绍了VUE中$refs的基本用法,需要的朋友可以参考下
    2022-12-12
  • 在elementui中Notification组件添加点击事件实例

    在elementui中Notification组件添加点击事件实例

    这篇文章主要介绍了在elementui中Notification组件添加点击事件实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue项目调试的三种方法总结

    vue项目调试的三种方法总结

    这篇文章主要给大家总结介绍了关于vue项目调试的三种方法,大家可以根据需要选择调试方法,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2023-09-09
  • Vue实现实时监听页面宽度高度变化

    Vue实现实时监听页面宽度高度变化

    这篇文章主要为大家详细介绍了Vue如何实现实时监听页面宽度高度变化,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-03-03
  • 在vue中使用inheritAttrs实现组件的扩展性介绍

    在vue中使用inheritAttrs实现组件的扩展性介绍

    这篇文章主要介绍了在vue中使用inheritAttrs实现组件的扩展性介绍，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-12-12
  • vue echarts实现改变canvas长和宽自适应

    vue echarts实现改变canvas长和宽自适应

    这篇文章主要介绍了vue echarts实现改变canvas长和宽自适应问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-04-04
  • Vue中的baseurl如何配置

    Vue中的baseurl如何配置

    这篇文章主要介绍了Vue中的baseurl如何配置问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-04-04
  • 一文了解Vue中的nextTick

    一文了解Vue中的nextTick

    Vue中的 nextTick 涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于 nextTick 的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下 nextTick
    2019-05-05
  • Vue 展示.md文件的方法详解

    Vue 展示.md文件的方法详解

    这篇文章主要介绍了Vue 展示.md文件的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-05-05
  • Vue js如何用split切分并去掉空值和item的空格

    Vue js如何用split切分并去掉空值和item的空格

    这篇文章主要介绍了Vue js如何用split切分并去掉空值和item的空格，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-06-06

最新评论