根据条件更改路由器名称

Question

我想根据条件更改路由器名称。在下面的代码中，我复制了所有需要输入名称的行。我希望根据路径条件使一个路由器链接使用不同的名称。

<router-link v-if="path === 'student'"
                    :to="{
                      name: 'studentPage',
                      params: { id: id },
                      }">  
  </router-link>
  <router-link v-else"
                    :to="{
                      name: 'staffPage',
                      params: { id: id },
                      }">  
   </router-link>

Answer 1

尝试一下：

<router-link
     :to="{
          name: (path === 'student')?'studentPage':'staffPage',
          params: { id: id },
     }"
>  
</router-link>