el-select禁止下拉
时间: 2023-07-13 15:24:17 浏览: 251
【JavaScript源代码】Element-ui 自带的两种远程搜索(模糊查询)用法讲解.docx
您可以通过设置 `disabled` 属性来禁用 `el-select` 的下拉操作。例如:
```html
<el-select v-model="selectedValue" :disabled="true">
<el-option label="Option 1" value="1"></el-option>
<el-option label="Option 2" value="2"></el-option>
<el-option label="Option 3" value="3"></el-option>
</el-select>
```
在上面的示例中,`disabled` 属性被设置为 `true`,因此用户将无法下拉选择框以选择选项。
另外,您还可以使用 `readonly` 属性来禁止用户编辑选项,但仍然允许用户下拉选择框并选择选项。例如:
```html
<el-select v-model="selectedValue" :readonly="true">
<el-option label="Option 1" value="1"></el-option>
<el-option label="Option 2" value="2"></el-option>
<el-option label="Option 3" value="3"></el-option>
</el-select>
```
在上面的示例中,`readonly` 属性被设置为 `true`,因此用户将无法编辑选项,但仍然可以下拉选择框以选择选项。
阅读全文