elementui实现二级联动

element-ui可以通过使用级联选择器组件来实现二级联动。首先，你需要使用ElCascader组件来创建一个级联选择器，然后在该组件中通过设置options属性来传递下拉框的选项数据。在options中，你可以设置label和value来定义显示的文本和对应的值。通过设置props属性来定义级联选择器的配置，例如设置"props: { value: 'value', label: 'label' }"来指定value和label的字段名。

接下来，为了实现二级联动，你需要监听一级下拉框的变化事件，当一级下拉框的值发生改变时，触发一个方法来动态改变二级下拉框的选项数据。这个方法可以根据一级下拉框的值来过滤并更新二级下拉框的选项。你可以通过使用v-model来绑定一级和二级下拉框的值，以便在方法中获取当前选择的值。

引用提到的业务需求中的例子，你可以根据一级下拉框的值来过滤大学的选项，并将过滤后的选项赋给二级下拉框的options属性。这样，当你选择了一级下拉框的值后，二级下拉框的选项就会自动更新。

总结起来，你可以按照以下步骤实现element-ui的二级联动：
1. 使用ElCascader组件创建一个级联选择器，设置options属性传递下拉框的选项数据，并设置props属性定义级联选择器的配置。
2. 监听一级下拉框的变化事件，当一级下拉框的值发生改变时，触发一个方法来过滤并更新二级下拉框的选项数据。
3. 在方法中根据一级下拉框的值来过滤大学的选项，并将过滤后的选项赋给二级下拉框的options属性。
4. 使用v-model来绑定一级和二级下拉框的值，以便在方法中获取当前选择的值。

通过这种方式，你就可以实现element-ui的二级联动功能了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue+ElementUI实现下拉框的二级联动](https://blog.csdn.net/weixin_44316527/article/details/110519838)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* [省市下拉框二级联动完成版（调试通过）](https://download.csdn.net/download/zhanqixuan22/4587738)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]