場景

ElementUI的el-select怎樣實現下拉多選並實現給下拉框賦值和獲取值：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107838848

上面已經實現在編輯時給v-model繫結的陣列重新賦值，這樣多選框能實現回顯資料。

但是沒法再次對下拉框的內容進行更改，去掉原來的或者勾選新的都不可以。

注：

部落格：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程式猿
獲取程式設計相關電子書、教程推送與免費下載。

實現

原因 下拉框資料是迴圈別的介面得來的，因為資料層次太多，render函式沒有自動更新，需手動強制重新整理。

@change="$forceUpdate()"

新增位置如下

              <el-select
                v-model="form.bcArray"
                placeholder="請選擇班次"
                multiple
                clearable
                @change="$forceUpdate()"
                :style="{ width: '200px' }"
              >
                <el-option
                  v
 
-for="dict in bcalldata"
                  :key="dict.bcbh"
                  :label="dict.bcmc"
                  :value="dict.bcbh"
                />
              </el-select>

更改之後