应用场景如下图所示:
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;
}
},
这样就可以实现简单的动态操作select 选择框禁用问题了!