el-select下拉框禁止选择
时间: 2023-10-29 15:07:29 浏览: 438
el-select 下拉框多选实现全选的实现
5星 · 资源好评率100%
您可以为 el-select 组件添加一个属性:disabled,将其设置为 true 来禁止选择。例如:
<el-select v-model="value" disabled>
<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,例如:
<el-select v-model="value">
<el-option label="Option 1" value="1"></el-option>
<el-option label="Option 2" value="2" disabled></el-option>
<el-option label="Option 3" value="3"></el-option>
</el-select>
这将会禁用第二个选项,用户将无法选择它。
阅读全文