console
new Vue({
el: '#app',
data: {
data1: '',
data2: '',
datas1: [
{
name: '汉军老是',
value: 1
},
{
name: '汉军老是1',
value: 2
},
{
name: '汉军老是2',
value: 3
}
]
},
watch: {
data1() {
this.data2 = ''
}
},
computed: {
datas2() {
return this.datas1.filter(v => v.value !== this.data1)
}
}
})
<html>
<div id="app">
<el-select v-model="data1">
<el-option v-for="(item, index) in datas1" :key="index" :label="item.name" :value="item.value"></el-option>
</el-select>
<el-select v-model="data2">
<el-option v-for="(item, index) in datas2" :key="index" :label="item.name" :value="item.value"></el-option>
</el-select>
</div>
</html>