‘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>
本文介绍了在Vue中遇到的‘v-slot’指令不支持修饰符的问题,并提供了详细的解决方案。通过将模板中的v-slot指令修改为v-slot:[]的形式,成功解决了问题。示例代码展示了正确的使用方式。
788

被折叠的 条评论
为什么被折叠?



