ElementUI中的el-select中多選回顯數據后沒法重新選擇和更改

場景

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>

更改之后