有關(guān)vue 開發(fā)釘釘 H5 微應(yīng)用 dd.ready() 不執(zhí)行問題及快速解決方案
最近在做釘釘?shù)拿獾?，npm 安裝好 dingtalk-jsapi 后，執(zhí)行 dd.ready()怎么都不生效。但是判斷當(dāng)前環(huán)境是不是 ‘notInDingTalk' 時(shí)又是有效的?；撕荛L時(shí)間，一直找不到原因。后來無意中發(fā)現(xiàn)別人的代碼似乎跟我有一點(diǎn)差異，于是抱著死馬當(dāng)活馬醫(yī)的心態(tài)試試，結(jié)果真的有效。
廢話不多說，原因在于從官網(wǎng)復(fù)制的代碼里 的匿名函數(shù)function(){}，在vue開發(fā)里是無效的，需要改成 箭頭函數(shù) () =>{}
修改之前的：
這個(gè) ‘this.userCode' 是臨時(shí)修改成用于測試有沒有進(jìn)入 dd.ready() 的，不要在意這些細(xì)節(jié)。
如果正常的話，this.userCode 應(yīng)該顯示 ：“開始執(zhí)行ready 進(jìn)入了釘釘 獲取授權(quán)碼成功”但是實(shí)際上只顯示了：“開始執(zhí)行ready“修改后：
終于如愿顯示授權(quán)碼了：
貼上代碼：
if (dd.env.platform !== "notInDingTalk") {
this.userCode += '開始執(zhí)行ready ';
//進(jìn)行釘釘?shù)卿洸僮?
dd.ready(() => {
this.$Message.info('1')
this.userCode = '進(jìn)入了釘釘 ';
dd.runtime.permission.requestAuthCode({
corpId: corpId, // 企業(yè)id
onSuccess: (info) => {
//todo: 測試獲取授權(quán)碼
this.userCode += " 獲取授權(quán)碼成功 ";
this.userCode += info.code // 通過該免登授權(quán)碼可以獲取用戶身份
},
onFail: (error) => {
this.userCode += " 獲取授權(quán)碼失敗 ";
console.log('好吧，問題不小')
this.$Message.error(JSON.stringify(error))
}
});
});
總結(jié)
到此這篇關(guān)于有關(guān)vue 開發(fā)的釘釘 H5 微應(yīng)用 dd.ready() 不執(zhí)行問題及快速解決方案的文章就介紹到這了,更多相關(guān)vue 釘釘微應(yīng)用 dd.ready() 不執(zhí)行內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
ref 加在子組件上，用this.$refs.（ref值） 獲取到的是組件實(shí)例，可以使用組件的所有方法，?在使用方法的時(shí)候直接this.$refs.（ref值）.方法（） 就可以使用了，這篇文章主要介紹了VUE中$refs的基本用法,需要的朋友可以參考下2022-12-12
在elementui中Notification組件添加點(diǎn)擊事件實(shí)例
這篇文章主要介紹了在elementui中Notification組件添加點(diǎn)擊事件實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
vue項(xiàng)目調(diào)試的三種方法總結(jié)
這篇文章主要給大家總結(jié)介紹了關(guān)于vue項(xiàng)目調(diào)試的三種方法,大家可以根據(jù)需要選擇調(diào)試方法,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09
Vue實(shí)現(xiàn)實(shí)時(shí)監(jiān)聽頁面寬度高度變化
這篇文章主要為大家詳細(xì)介紹了Vue如何實(shí)現(xiàn)實(shí)時(shí)監(jiān)聽頁面寬度高度變化,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
在vue中使用inheritAttrs實(shí)現(xiàn)組件的擴(kuò)展性介紹
這篇文章主要介紹了在vue中使用inheritAttrs實(shí)現(xiàn)組件的擴(kuò)展性介紹，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-12-12
vue?echarts實(shí)現(xiàn)改變canvas長和寬自適應(yīng)
這篇文章主要介紹了vue?echarts實(shí)現(xiàn)改變canvas長和寬自適應(yīng)問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了Vue中的baseurl如何配置問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
Vue中的 nextTick 涉及到Vue中DOM的異步更新，感覺很有意思，特意了解了一下。其中關(guān)于 nextTick 的源碼涉及到不少知識(shí)，很多不太理解，暫且根據(jù)自己的一些感悟介紹下 nextTick2019-05-05
這篇文章主要介紹了Vue?展示.md文件的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了Vue js如何用split切分并去掉空值和item的空格，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06