‘v-slot‘ directive doesn‘t support any modifier

‘v-slot’ directive doesn’t support any modifier

<template v-slot:item.calories="{ item }">
  <v-chip :color="getColor(item.calories)" dark>
    {{ item.calories }}
  </v-chip>
</template>

解决方法：

<template v-slot:[`item.calories`]="{ item }">
 <v-chip :color="getColor(item.calories)" dark>
   {{ item.calories }}
 </v-chip>
</template>