elementui|elementui select 选择器根据要求动态禁用选项
应用场景如下图所示：
文章图片
1， 如图所示，我们经常需要用到在第一个选择器选中情况下，才可以启用第二个选择框，否则就是禁用状态
根据elementui select 选择器的 disabled 属性，我们可以进行绑定动态 disable 属性：
文章图片
2，给定动态绑定disabled 属性默认值
data() {
return {
showCmd:true,//默认命令选择框是禁用的
};
},
3，当第一个选择框选中值后操作 disabled 的属性：
getService(value){
var result= value.match(/\(([^)]*)\)/)[1];
this.serrvice = result;
// 如果第一个选择框有值，那么第二个选择框可选，否则禁用
if(value.length>0){
this.showCmd = false;
}else{
this.showCmd = true;
}
},
【elementui|elementui select 选择器根据要求动态禁用选项】这样就可以实现简单的动态操作select 选择框禁用问题了！
推荐阅读
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- Spring|Spring Boot之ImportSelector
- performSelectorOnMainThread:withObject:waitUntilDone:参数设置为NO或YES的区别
- javascript|javascript 性能测试笔记
- HTML5新增选择器属性方法
- CSS笔记
- select|select bell
- SwiftUI|SwiftUI iOS 组件之双值区间取值选择器RangeSlider支持颜色（教程含源码）
- 算法笔记(1)|算法笔记(1)| 排序