点击导航按钮隐藏一个下拉框并显示另外一个下拉框

遇到一个问题,项目用element ui 做的,现在页面顶部做了一个导航栏,分别是服务单,评价单,建议单三个选项,页面基本上一模一样,代码写了一套,导航栏下面一共有9个下拉框,页面初始化显示服务单,其中有一个等级下拉框。点击评价单选项把等级下拉框换成评价下拉框,其他不变。点击建议单直接删除这个下拉框不显示。这个怎么写呢?我是用v-for把这三个选项渲染出来的。三个导航选项是写死的,就给每个选项加了个type,我想着用type判断点的是哪个,完后隐藏旧的下拉框,显示新的下拉框。具体咋写呀!查了半天研究不明白。

点哪个就传一个东西进去,然后让下拉框根据传的东西来显示,比如v-if title = daohang

用v-if控制下拉框