文章讲述了在Vue应用中，如何使用v-model实现按钮控制下拉框的显示与内容同步。当第一个下拉框选中内容后，点击按钮，第二个下拉框会显示对应的选择。解决方案是给每个select添加v-model指令，分别绑定不同的data属性来管理状态。
代码如下:
<a-button @click="">按钮</a-button>
<template v-if="nn">
<a-select>
<a-select-option value="a">a</a-select-option>
<a-select-option value="b">b</a-select-option>
</a-select>
</template>
<template v-else>
<a-select>
<a-select-option value="a1">a1</a-select-option>
<a-select-option value="b2">b2</a-select-option>
</a-select>
</template>
代码解释：
按钮可以控制下方两个select的显示与隐藏
问题：
第一个下拉框选择选项后，点击按钮，第二个下拉框呈现第一个下拉框选择的内容？？？
解决方案：
为select添加v-model
<a-button @click="">按钮</a-button>
<template v-if="nn">
<a-select v-model="data1">
<a-select-option value="a">a</a-select-option>
<a-select-option value="b">b</a-select-option>
</a-select>
</template>
<template v-else>
<a-select v-model="data2">
<a-select-option value="a1">a1</a-select-option>
<a-select-option value="b2">b2</a-select-option>
</a-select>
</template>
原因是什么呢？？？？
2015
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
