element组件 如何让el-select选中之后不展示高亮
时间: 2023-08-14 10:06:12 浏览: 410
如果你想让 `el-select` 组件在选中后不展示高亮,可以使用 `popper-append-to-body` 属性。将其设置为 `true`,它会将 `el-select` 的下拉框插入到 body 元素中,而不是插入到 `el-select` 的父元素中。这样,选中后下拉框就不会和 `el-select` 的区域重叠,也就不会展示高亮了。
具体代码如下:
```html
<el-select popper-append-to-body>
<el-option label="选项1" value="1"></el-option>
<el-option label="选项2" value="2"></el-option>
<el-option label="选项3" value="3"></el-option>
</el-select>
```
这样设置后,选中后的下拉框就不会再展示高亮了。
相关问题
el-select 下拉框
el-select 下拉框是一个基于Element UI框架提供的组件,用于实现下拉选择的功能。通过el-select可以实现以下操作:
- 添加搜索属性:使用filterable属性可以将下拉框设置为可搜索的,用户可以输入关键字进行筛选。
- 下拉框切换方法:可以使用v-model指令来绑定下拉框的选中值,通过改变绑定的数据可以实现下拉框的切换。
- 下拉选项显示:通过el-option组件可以定义下拉框中的选项,可以设置选项的label、value等属性,同时可以通过v-for指令循环生成多个选项。
在给定的引用中,还介绍了el-select下拉框的多选以及筛选方法实现高亮显示的方法。通过设置filter-method属性可以定义自定义的筛选方法,可以根据输入的关键字对下拉选项进行筛选。同时,还提供了setHighlight方法来实现匹配文字的高亮显示。
以上就是el-select下拉框的基本使用及一些常用功能的介绍。
el-select 多选 变checkbox
el-select多选变为checkbox的方法可以通过在el-select中添加属性multiple来实现。例如,在你提供的HTML代码中,如果要将el-select多选变为checkbox,可以在el-select标签上添加multiple属性,如下所示:
```html
<el-select v-model="selectedOptions" multiple>
<!-- el-option的内容 -->
</el-select>
```
在上述代码中,通过添加multiple属性,el-select就可以支持多选功能,并且可以将多个选项选择为checkbox形式。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [element el-select+el-checkbox多选实现二级联动单个选项禁用效果以及选中选项对应表头高亮:header-cell-...](https://blog.csdn.net/qq_53986004/article/details/128684394)[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 ]