在Nuxt和Vuetify应用程序中，我有一系列按钮：

 <v-btn                                                                                                                                                            
     dark                                                                                                                                                            
     color="orange"                                                                                                                                                  
     href="className/studentName"                                                                                                                                        
     nuxt                                                                                                                                                            
  >                                                                                                                                                               
    <v-icon large left>favorite</v-icon>                                                                                                                            
      studentName                                                                                                                                                        
  </v-btn> 

我想重构该代码，因为我知道从路由中获取className：$route.params.className并且我从普通JavaScript数组中获取了StudentName。

当我输入href = {{$$ route.params.className}} / studentName时出现错误：

请改用v-bind或冒号速记。例如，使用代替。

当我这样做时：

:href="$route.params.className/studentName"  

我得到这个错误：

属性无效：属性“ href”的类型检查失败。预期的字符串，对象，得到数字。

那么如何正确定义我的href道具而无需进行手写className（我的意思是我想使用$route.params.className它来重构具有多个按钮的代码？