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