elementUI中el-select标签锁定不可选择
时间: 2023-10-26 08:44:16 浏览: 636
el-select-tree:ElementUI的el-select与el-tree结合
5星 · 资源好评率100%
在 Element UI 的 el-select 组件中,可以通过设置 disabled 属性来定不可选择的选项。下面一个示例:
```html
<el-select v-modelselectedValue" placeholder="Select" :disabled="is">
<el-option
v-for="item in options"
:="item.value"
:label="item.label"
:value="item.value"
:disabled="item"
></el-option>
</el-select>
```
在上述中,通过给 el-select 组件的 disabled 属性绑一个变量 isDisabled,可以态控制是否锁定不可选择。同时,在 el-option 组件中,设置 disabled 属性为 true 的选项将会被锁定。
注意:isDisabled 是一个变量,你可以根据业务逻辑来控制它的值,以实现动态锁定不可选择的选项。
阅读全文