有關(guān)vue 開(kāi)發(fā)釘釘 H5 微應(yīng)用 dd.ready() 不執(zhí)行問(wèn)題及快速解決方案
最近在做釘釘?shù)拿獾?，npm 安裝好 dingtalk-jsapi 后，執(zhí)行 dd.ready()怎么都不生效。但是判斷當(dāng)前環(huán)境是不是 ‘notInDingTalk' 時(shí)又是有效的?；撕荛L(zhǎng)時(shí)間，一直找不到原因。后來(lái)無(wú)意中發(fā)現(xiàn)別人的代碼似乎跟我有一點(diǎn)差異，于是抱著死馬當(dāng)活馬醫(yī)的心態(tài)試試，結(jié)果真的有效。
廢話不多說(shuō)，原因在于從官網(wǎng)復(fù)制的代碼里 的匿名函數(shù)function(){}，在vue開(kāi)發(fā)里是無(wú)效的，需要改成 箭頭函數(shù) () =>{}
修改之前的：
這個(gè) ‘this.userCode' 是臨時(shí)修改成用于測(cè)試有沒(méi)有進(jìn)入 dd.ready() 的，不要在意這些細(xì)節(jié)。
如果正常的話，this.userCode 應(yīng)該顯示 ：“開(kāi)始執(zhí)行ready 進(jìn)入了釘釘 獲取授權(quán)碼成功”但是實(shí)際上只顯示了：“開(kāi)始執(zhí)行ready“修改后：
終于如愿顯示授權(quán)碼了：
貼上代碼：
if (dd.env.platform !== "notInDingTalk") {
this.userCode += '開(kāi)始執(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: 測(cè)試獲取授權(quán)碼
this.userCode += " 獲取授權(quán)碼成功 ";
this.userCode += info.code // 通過(guò)該免登授權(quán)碼可以獲取用戶身份
},
onFail: (error) => {
this.userCode += " 獲取授權(quán)碼失敗 ";
console.log('好吧，問(wèn)題不小')
this.$Message.error(JSON.stringify(error))
}
});
});
總結(jié)
到此這篇關(guān)于有關(guān)vue 開(kāi)發(fā)的釘釘 H5 微應(yīng)用 dd.ready() 不執(zhí)行問(wèn)題及快速解決方案的文章就介紹到這了,更多相關(guān)vue 釘釘微應(yīng)用 dd.ready() 不執(zhí)行內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在Vue開(kāi)發(fā)過(guò)程中解決和預(yù)防內(nèi)存泄漏問(wèn)題的方法詳解
Vue作為一款流行的前端框架,已經(jīng)在許多項(xiàng)目中得到廣泛應(yīng)用,然而,隨著我們?cè)赩ue中構(gòu)建更大規(guī)模的應(yīng)用程序,我們可能會(huì)遇到一個(gè)嚴(yán)重的問(wèn)題,那就是內(nèi)存泄漏,因此,我們需要認(rèn)識(shí)到在Vue開(kāi)發(fā)過(guò)程中,內(nèi)存泄漏問(wèn)題的重要性,本文將給大家介紹如何解決和預(yù)防內(nèi)存泄漏問(wèn)題2023-10-10
vue3數(shù)據(jù)更新而視圖未更新問(wèn)題解決
本文主要介紹了vue3?解決數(shù)據(jù)更新而視圖未更新問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-10-10
vue-router中關(guān)于children的使用方法
這篇文章主要介紹了vue-router中關(guān)于children的使用方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了60個(gè)vue常用工具類,包括vue郵箱驗(yàn)證，vue瀏覽器識(shí)別，vue操作系統(tǒng)識(shí)別,vue html過(guò)濾，vue身份證校驗(yàn)等需要的朋友可以參考下2023-01-01
ElementUI中兩個(gè)Select選擇聯(lián)動(dòng)效果實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于ElementUI中兩個(gè)Select選擇聯(lián)動(dòng)效果實(shí)現(xiàn)的相關(guān)資料,在前端項(xiàng)目開(kāi)發(fā)中,經(jīng)常會(huì)遇到省市縣三級(jí)聯(lián)動(dòng)的下拉列表框組的問(wèn)題,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了vue+express+jwt持久化登錄的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
Vue實(shí)現(xiàn)仿iPhone懸浮球的示例代碼
這篇文章主要介紹了Vue實(shí)現(xiàn)仿iPhone懸浮球的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
el-element中el-table表格嵌套el-select實(shí)現(xiàn)動(dòng)態(tài)選擇對(duì)應(yīng)值功能
這篇文章主要給大家介紹了關(guān)于el-element中el-table表格嵌套el-select實(shí)現(xiàn)動(dòng)態(tài)選擇對(duì)應(yīng)值功能的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-01-01
如何實(shí)現(xiàn)雙向綁定mvvm的原理實(shí)現(xiàn)
這篇文章主要介紹了vue雙向數(shù)據(jù)綁定原理，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要為大家詳細(xì)介紹了vue3.0手動(dòng)封裝分頁(yè)組件的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09