electron踩坑之dialog中的callback解決
更新時間：2020年10月06日 13:18:12 作者：我的名字豌豆
這篇文章主要介紹了electron踩坑之dialog中的callback解決，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
踩坑分析
之前版本使用dialog時選擇文件時，可以加入callback，來獲取被選擇文件的路徑，而electron10更新后發(fā)生了改動，采用了Promise對象來獲取結(jié)果。
electron 10之前我們獲取文件路徑，只需加入callback即可，也就是下述寫法，且之前返回的data結(jié)果直接是文件的路徑。
openDialogDom.onclick = function(){
remote.dialog.showOpenDialog({
properties:['openFile']
},function(data){
console.log(data)
})
}
解決
electron10之后，寫項目時我發(fā)現(xiàn)callback無效，在之前的踩坑經(jīng)歷來說，我覺得又是因為版本更新所帶來的結(jié)果，查看官方文檔，又帶給了我踩坑結(jié)束的收獲。
可以看出在該方法的返回值變?yōu)榱薖romise對象，且在Promise對象中增加了cancele，filePaths，bookmarks屬性，此時我們要想獲取被選中的文件的路徑，也需要與原先未更新版本前有著不一樣的改變，也就是如下寫法。
openDialogDom.onclick = function(){
remote.dialog.showOpenDialog({
properties:['openFile']
}).then(res => {
console.log(res.canceled)
console.log(res.filePaths)
})
}
問題解決，踩坑完畢。
到此這篇關(guān)于electron踩坑之dialog中的callback解決的文章就介紹到這了,更多相關(guān)electron dialog callback內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
pinia是vue3官方的狀態(tài)管理工具,當(dāng)然vue2也可以用,vue2中的狀態(tài)管理工具是vuex,vue3中不再使用vuex,推薦使用的是pinia,和vuex差不多,但比vuex更方便、更強、更好,下面這篇文章主要給大家介紹了關(guān)于Vue3之Pinia狀態(tài)管理的相關(guān)資料,需要的朋友可以參考下2022-11-11
Vue.js 3.x 中的響應(yīng)式數(shù)據(jù)ref 與 reactive詳解
ref 和 reactive 是 Vue.js 3 中用于創(chuàng)建響應(yīng)式數(shù)據(jù)的兩個關(guān)鍵函數(shù),它們分別適用于不同類型的數(shù)據(jù),幫助我們更好地組織和管理組件的狀態(tài),這篇文章主要介紹了Vue.js 3.x 中的響應(yīng)式數(shù)據(jù)：ref 與 reactive,需要的朋友可以參考下2024-01-01
Vue中Number方法將字符串轉(zhuǎn)換為數(shù)字的過程
這篇文章主要介紹了Vue中Number方法將字符串轉(zhuǎn)換為數(shù)字,本文通過示例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
這篇文章主要介紹了Vue使用鼠標(biāo)在Canvas上繪制矩形，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
Vue實現(xiàn)數(shù)據(jù)篩選與搜索功能的示例代碼
在許多Web應(yīng)用程序中,數(shù)據(jù)篩選和搜索是關(guān)鍵的用戶體驗功能,本文將深入探討在Vue中如何進行數(shù)據(jù)篩選與搜索的實現(xiàn),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-10-10
這篇文章主要介紹了Vue使得大屏自適應(yīng)的多種方法,自適屏幕，始終保持16:9的比例，還一種是使用CSS scale屬性對大屏幕做自適應(yīng)處理，需要的朋友可以參考下2023-10-10
Vue.js實現(xiàn)簡單動態(tài)數(shù)據(jù)處理
本篇文章主要介紹了Vue.js實現(xiàn)簡單動態(tài)數(shù)據(jù)處理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
在Vue.js應(yīng)用中實現(xiàn)分布式搜索和全文搜索
分布式搜索和全文搜索在現(xiàn)代應(yīng)用程序中變得越來越重要,因為它們可以幫助用戶快速查找和檢索大量數(shù)據(jù),Elasticsearch是一種強大的分布式搜索引擎,本文將介紹如何在Vue.js應(yīng)用程序中實現(xiàn)分布式搜索和全文搜索,以及如何與Elasticsearch集成,需要的朋友可以參考下2023-11-11
這篇文章主要為大家詳細介紹了vue的h5日歷組件使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
這篇文章主要給大家介紹了關(guān)于vue組件間傳值的6種方法,組件是vue.js最強大的功能之一,而組件實例的作用域是相互獨立的,這就意味著不同組件之間的數(shù)據(jù)無法相互引用,需要的朋友可以參考下2023-08-08