你如果用 select 来进行联动的话就是这样的一个逻辑
<template>
<div>
demo1:
<el-select v-model="value1"
@change="change"
placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
demo2
<el-select v-model="value2" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
</template>
data() {
return {
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value1: '',
value2:''
}
},
methods:{
change(data){
console.log(data)
if(data=='选项1'){
this.value2 = '选项1'
}else{
this.value2 =''
}
}
}