這篇文章主要介紹了Element ui如何在下拉多選時(shí)新增一個(gè)選擇所有的選項(xiàng),具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供梅河口網(wǎng)站建設(shè)、梅河口做網(wǎng)站、梅河口網(wǎng)站設(shè)計(jì)、梅河口網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、梅河口企業(yè)網(wǎng)站模板建站服務(wù),十多年梅河口做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
例如:
Document
渲染如下:
此時(shí)可以多選,如果想要選擇所有選項(xiàng)時(shí),得一個(gè)個(gè)去點(diǎn)擊,這樣不是很方便,我們可以在下拉框里新增一個(gè)選擇所有的選項(xiàng),通過watch用幾行代碼就可以實(shí)現(xiàn)與其它選項(xiàng)的互斥來實(shí)現(xiàn)一鍵多選,如下:
Document
這樣就可以互斥了,我們選擇北京和上海時(shí),選擇器如下:
點(diǎn)擊選擇所有時(shí),如下:
然后再點(diǎn)擊其它選項(xiàng),選擇所有就會(huì)取消勾選了,例如選擇深圳:
這樣實(shí)現(xiàn)了選擇所有和其它選擇項(xiàng)的互斥,而其它選擇又可以多選。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“Element ui如何在下拉多選時(shí)新增一個(gè)選擇所有的選項(xiàng)”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!