Element?plus?表單中下拉框的空值問題解決
問題：在表單中，有時(shí)候會碰到查詢條件需要用下拉框來區(qū)分的時(shí)候，比如需要區(qū)分全部 | 啟用 | 停用三個狀態(tài)，這時(shí)一般會給全部的value值設(shè)置為''，但是這樣會導(dǎo)致下拉框無法選中對應(yīng)的全部選項(xiàng)。
注：這里已經(jīng)正確的配置了querFormData對應(yīng)的值為''，但是仍然無法正確的顯示默認(rèn)值為全部
解決：在el-select上有個屬性empty-values，值是一個數(shù)組，用來表明哪些值是空值，即被認(rèn)為是沒選中狀態(tài)的值，默認(rèn)是['', null, undefined]，我們可以自行配置為[ null, undefined]，這樣空值會被選中為全部
此外，element plus提供了Config Provider 來提供全局的配置選項(xiàng)，讓你的配置能夠在全局都能夠被訪問到。
在組件的外層套一個Config Provider，也可以實(shí)現(xiàn)該效果。但請注意，這個組件會讓其包裹的所有組件都應(yīng)用這個選項(xiàng)，要根據(jù)業(yè)務(wù)需求來進(jìn)行取舍。
更多信息可以參照Element Plus官方文檔的Config Provider。
到此這篇關(guān)于Element plus 表單中下拉框的空值問題解決的文章就介紹到這了,更多相關(guān)Element plus下拉框空值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue3+Element Plus項(xiàng)目中使用html2canvas截圖方式
這篇文章主要介紹了Vue3+Element Plus項(xiàng)目中使用html2canvas截圖方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2026-03-03
這篇文章主要介紹了element-ui中按需引入的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要介紹了Vue3在css中使用js變量及其原理解讀,結(jié)合實(shí)例代碼介紹了vue3中css使用script中定義的變量的方法，本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-09-09
為vue項(xiàng)目自動設(shè)置請求狀態(tài)的配置方法
這篇文章主要介紹了vue項(xiàng)目自動設(shè)置請求狀態(tài)的配置方法,本文通過示例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-06-06
解決vue-cli webpack打包開啟Gzip 報(bào)錯問題
這篇文章主要介紹了vue-cli webpack打包開啟Gzip 報(bào)錯問題的解決方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-07-07
vue3中使用v-model實(shí)現(xiàn)父子組件數(shù)據(jù)同步的三種方案
這篇文章主要介紹了vue3中使用v-model實(shí)現(xiàn)父子組件數(shù)據(jù)同步的三種方案,如果只有一個匿名v-model的傳遞的話,可以使用vue3.3新添加的編譯宏,defineModel來使用,每種方案結(jié)合示例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
這篇文章主要介紹了Vue.js $refs用法案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
vue開發(fā)h5項(xiàng)目特別是移動端的項(xiàng)目，很多都是打包后掛載在原生APP上的，這篇文章主要介紹了vue與原生app的對接交互的方法，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-11-11
element vue validate驗(yàn)證名稱重復(fù) 輸入框與后臺重復(fù)驗(yàn)證 特殊字符 字符長度 及注意事項(xiàng)小結(jié)【實(shí)例代碼
這篇文章主要介紹了element vue validate驗(yàn)證名稱重復(fù) 輸入框與后臺重復(fù)驗(yàn)證 特殊字符 字符長度 及注意事項(xiàng)小結(jié),本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-11-11
在現(xiàn)代Web開發(fā)中,與后端API的交互是不可避免的,然而,網(wǎng)絡(luò)請求是不穩(wěn)定的,可能會因?yàn)楦鞣N原因失敗,因此,優(yōu)雅地處理API請求失敗的情況是提升用戶體驗(yàn)和應(yīng)用穩(wěn)定性的關(guān)鍵,本文將詳細(xì)介紹在Vue.js中處理API請求失敗的最佳實(shí)踐和策略,需要的朋友可以參考下2024-12-12