首页 >> js开发 >> js有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案js大全
js有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
最近在做钉钉的免登,npm 安装好 dingtalk-jsapi 后,执行 dd.ready()怎么都不生效。但是判断当前环境是不是 ‘notInDingTalk' 时又是有效的。花了很长时间,一直找不到原因。后来无意中发现别人的代码似乎跟我有一点差异,于是抱着死马当活马医的心态试试,结果真的有效。dingtalk-jsapi dd.ready()废话不多说,原因在于从官网复制的代码里 的匿名函数function(){},在vue开发里是无效的,需要改成 箭头函数 () =>{}
修改之前的:function(){}这个 ‘this.userCode' 是临时修改成用于测试有没有进入 dd.ready() 的,不要在意这些细节。
如果正常的话,this.userCode 应该显示 :“开始执行ready 进入了钉钉 获取授权码成功”但是实际上只显示了:“开始执行ready“修改后: 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))
}
});
});
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))
}
});
});总结总结总结
修改之前的:function(){}这个 ‘this.userCode' 是临时修改成用于测试有没有进入 dd.ready() 的,不要在意这些细节。
如果正常的话,this.userCode 应该显示 :“开始执行ready 进入了钉钉 获取授权码成功”但是实际上只显示了:“开始执行ready“修改后: 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))
}
});
});
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))
}
});
});总结总结总结
相关文章:
- js谈一谈vue请求数据放在created好还是mounted里好js大全
- jsvue 监听窗口变化对页面部分元素重新渲染操作js大全
- jsvue项目使用$router.go(-1)返回时刷新原来的界面操作js大全
- jsvue 页面回退mounted函数不执行的解决方案js大全
- js解决vue-router路由拦截造成死循环问题js大全
- jsAngular利用HTTP POST下载流文件的步骤记录js大全
- jsElement Breadcrumb 面包屑的使用方法js大全
- jsVue中的this.$options.data()和this.$data用法说明js大全
- js关于angular浏览器兼容性问题的解决方案js大全
- js解决vue的router组件component在import时不能使用变量问题js大全