如何使用vuetity的v行和v-col输出7或8列网格？

Question

我知道vuetify的网格属性是围绕12列的弹性框构建的，但是我想创建一个默认为7或8列的网格，而不是本例中的典型12列：

<v-row>
  <v-col 
    v-for="(n, index) in 15" 
    :key="index"
    cols="7" 
    sm="7" 
    md="3" 
    lg="1" 
  >
    <v-card>
      <v-card-title>{{ index }}</v-card-title>
    </v-card>
  </v-col>
</v-row>

我的read of the documentation是通过设置cols="7"（而不是12），我可以实现此结果，但情况并非如此。

这甚至可能吗？

Answer 1

您可以使用v-flex代替v-col，它连续显示6个列，请参考下面的代码：

Answer 2

1. Vuetify网格使用12列，并且固定。没办法...