Vuejs2 有条件的'@单击'；在v-for循环中

在使用v-navigation-drawer中的列表创建菜单时，我将循环浏览一组具有3个属性的项和子项：标题（字符串）、位置（v-router目标）和可单击（布尔值）。我正在工作的代码，并希望一些项目是实际的链接和其他只是打开进一步的菜单选项，不能点击

代码部分为：

 <v-list-item
    v-for="subItem in item.items"
    :key="subItem.title"
    @click=""
  >
     <v-list-item-content>
            <v-list-item-title v-text="subItem.title"></v-list-item-title>
     </v-list-item-content>
 </v-list-item>

只在

 v-if:subItem.clickable

---

您可以如下所示将条件添加到单击处理程序中

<v-list-item
    v-for="subItem in item.items"
    :key="subItem.title"
    @click="subItem.clickable ? handleByFunction(subItem.location):null"
  >
     <v-list-item-content>
            <v-list-item-title v-text="subItem.title"></v-list-item-title>
     </v-list-item-content>
 </v-list-item>

---

很不错的。使用

subItem.clickable&&handleyfunction（subItem.location）

<v-list-item
    v-for="subItem in item.items"
    :key="subItem.title"
    @click="subItem.clickable ? handleByFunction(subItem.location):null"
  >
     <v-list-item-content>
            <v-list-item-title v-text="subItem.title"></v-list-item-title>
     </v-list-item-content>
 </v-list-item>

methods{
  handleByFunction(v){
    console.log(v) 
 }
}