有關vue 開發的釘釘 H5 微應用 dd.ready() 不執行問題及快速解決方案
阿新 • • 發佈:2020-05-10
最近在做釘釘的免登,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() 不執行內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!