element select多选

Element Select的多选功能可以通过操作DOM来实现。在多选器框的DOM结构中，每个多选的tag都被包裹在一个<span>标签中，这个<span>标签包含两个元素，一个用于显示标签（<span>标签），一个用于显示删除小叉的图标（<i>标签）。因此，我们可以使用firstElementChild和lastElementChild来操作对应的DOM元素。

要禁用删除功能，可以通过操作CSS来隐藏删除小叉。而要禁止下拉选择，可以直接在元素上添加disabled属性来过滤选择。

另外，如果在多选时需要手动更新数据，可以通过手动触发更新来实现。可以在<el-select>元素上监听@change事件，在事件处理函数中调用this.$forceUpdate()来强制更新组件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Element——el-select多选器](https://blog.csdn.net/severestcritic/article/details/132535725)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]