有这样一个需求，有5个el-select下拉框，下拉框的值一样，当选择了其中一项后，其他下拉框不可选，有没有人知道呀？

Question

问题遇到的现象和发生背景

有这样一个需求，有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
},
]

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

Answer 1

el-select 中有 @change 方法，监听当某一个框改变之后，将其他下拉框的 disabled 属性改为 true就可以了