vuejs2 - 在 Vuetify 中使用 prepend-icon 定义的图标样式

Question

通常要在 Vuetify 中设置图标样式，我们会做类似的事情

<v-icon large color="primary">comment</v-icon> 

我们如何在使用 prepend-icon 时获得相同的效果像这里的 Prop

<v-list-group prepend-icon="comment">

文档说 prepend-icon使用与 v-icon 相同的语法但没有为我的用例提供具体示例

Answer 1

使用 v-icon内prependIcon v-list-group 的插槽模板(而不是 prepend-icon Prop )将为您提供所需的所有灵活性:

<v-list-group>
  <v-icon slot="prependIcon" large color="primary">comment</v-icon>
</v-list-group>

还有一个 appendIcon插槽可用，顺便说一句。官方 Vuetify documentation提到了可用的插槽，但对任何细节都保持沉默。