首頁(yè) 猿問 element-ui中select...

element-ui中select如何實(shí)現(xiàn)全選功能

JavaScript

紅糖糍粑 2019-03-14 18:15:48

最近在使用element-ui進(jìn)行開發(fā)，現(xiàn)在在用select組件其中有一個(gè)選項(xiàng)是全司也就是點(diǎn)擊后所有分公司都能被選中如果在所有分公司選中的情況下點(diǎn)擊全司的話取消選中所有分公司當(dāng)一個(gè)個(gè)點(diǎn)擊到所有分公司時(shí) 全司這個(gè)選項(xiàng)也被選中但是寫了一上午了邏輯好像還是有問題諸位大神能幫忙一下么？基本結(jié)構(gòu)是：branchCode和BranchIptions選中一個(gè)選項(xiàng)就往branchCode里添加一個(gè)值~

查看完整描述

2 回答

慕無(wú)忌1623718

TA貢獻(xiàn)1744條經(jīng)驗(yàn) 獲得超4個(gè)贊

沖突了。

條件 1. 全公司選中，其他的公司也必須選中。
條件 2. 其他公司選中，全公司也選中。

當(dāng)我一開始選中全公司，那么我選中的隊(duì)列里面就有 [全公司，廣東，安徽，浙江]

由于我每次只能選擇一個(gè)，所以我就無(wú)法取消任何一個(gè)選中。

比如：

我點(diǎn)擊全公司，條件2生效，全公司不會(huì)取消選中。
我點(diǎn)擊其他任意一個(gè)公司，條件1生效。也同樣不會(huì)取消選中。

這就陷入了死循環(huán)。

1 反對(duì) 回復(fù) 2019-03-18

繁星點(diǎn)點(diǎn)滴滴

TA貢獻(xiàn)1803條經(jīng)驗(yàn) 獲得超3個(gè)贊

在data里增加一個(gè)全選標(biāo)識(shí)all,change事件觸發(fā)時(shí)，判斷當(dāng)前all的狀態(tài)和當(dāng)前選中的值的狀態(tài)，去改變v-model的值。
例子：
element UI select 組件全選設(shè)計(jì)