有这样一个需求,有5个el-select下拉框,下拉框的值一样,当选择了其中一项后,其他下拉框不可选择这一项。
EditformData: {
slt1: '',
slt2:'',
},
slt: [
{
lable: '原始电量生产地',
value: 1,
disabled: false
}, {
lable: '原始电量使用地',
value: 2,
disabled: false
}, {
lable: '电量类型',
value: 3,
disabled: false
}, {
lable: '发行时间',
value: 4,
disabled: false
}, {
lable: '市场成员编码',
value: 5,
disabled: false
},
]
el-select 中有 @change
方法,监听当某一个框改变之后,将其他下拉框的 disabled 属性改为 true就可以了