怪奇筆記：Vue3中element-plus/upload開啟文件夾上傳模式
想不到吧，這element-plus的upload想開啟文件夾上傳不如vue2時(shí)候的便利了，但是有辦法。
如果你是options的vue3寫法，好走不送，沿用vue2方案即可
如果你是setup寫法，下面的內(nèi)容可能會(huì)幫到你
vue2中利用了refs下查找對(duì)應(yīng)的v-node進(jìn)行定位元素，并開啟webkitdirectory = true進(jìn)行文件夾模式的上傳，那么在vue3中，也是一樣的原理，但下圖擊穿了裝甲
so，最土的方案來了，document.querySelector救我：
補(bǔ)充一下方案圖：
就這，然后造就行了，如果需要切換文件夾模式和普通選擇模式，則需要將這個(gè)uploadEle進(jìn)行響應(yīng)式，然后直接控即可。
PPS:
切記打開multiple屬性，否則選擇了文件夾，還是只能上傳單個(gè)，極致的可以用動(dòng)態(tài)isMultiple去控。
有需要可以在temple=trigger地方布置兩個(gè)按鈕，分別操控state映射的dom對(duì)象來實(shí)時(shí)切換webkitdirectory 屬性，經(jīng)測(cè)在彈出選擇文件之前，此屬性可以正確設(shè)置好。如不放心，可以采隱藏el-upload，綁定其refs，然后通過ref.handleStart()方法在確保設(shè)置完屬性后開啟窗口
標(biāo)簽：
