element ui 下拉多選框使用總結

 由於項目需求，需要這么一個下拉多選框，萌新的我在使用過程中也是踩了一些坑，在此記錄總結一下。

 

<el-form-item class="el-for-item" label="所屬應用" :label-width="formLabelWidth">

                        <el-select

                            class="el-input__diatext"

                            v-model="devform.applicationId"

                            multiple

                            collapse-tags

                            placeholder="請選擇">

                            <el-option

                            v-for="item in applications"

                            :key="item.id"

                            :label="item.applicationName"

                            :value="item.id">

                            </el-option>

                        </el-select>

                    </el-form-item>

 

1、取值時得到的是一個數組，如圖：

選中一個選項時：

 

 

 

選中多個時：

 

 

 

2、賦值時同樣需要賦值一個數組，否則就會造成只有文本框有內容下拉時沒選中，或者下拉選中文本框沒內容情況。

 

 

基礎用法及屬性參考地址：https://element.eleme.cn/#/zh-CN/component/select

參考文檔：https://blog.csdn.net/weixin_45616483/article/details/100587037