Vuetify v-row 每行的元素数

Question

我将 Vue.js 与 Vuetify 一起使用并进入了 Grids。 但不知何故，我无法指定每行需要 3 个元素。

我试过了

<v-row>
  <v-col cols="3">
    <v-col>Here1</v-col>
    <v-col>Here2</v-col>
    <v-col>Here3</v-col>
  </v-col>
</v-row>

我什至尝试将 col 参数传递给 v-row 但没有成功... 任何人都知道我如何使该行每个打印 3 个元素然后换行？我似乎什至在 Vuetify 的官方文档中都没有找到它，这很奇怪。 我看到 Bootstrap 甚至可以为 bs-row 指定每行元素的数量。但是我不能用 Vue 和 Vuetify 做同样的事情......如果有人知道，我会很高兴听到如何制作它。
提前致谢

已解决！ 我有点笨，忘记了 v-row 有 12 个空间用于 v-cols 所以

<v-row>
  <v-col cols="4">Here1</v-col>
  <v-col cols="4">Here2</v-col>
  <v-col cols="4">Here3</v-col>
  //Here4 is on new line because there is no space on the first line
  <v-col cols="4">Here4</v-col>
</v-row>

感谢您帮助兄弟！

Answer 1

你弄错了模板，要创建你所要求的，模板语法应该是

<v-container>
  <v-row>
    <v-col cols="3">Here1</v-col>
    <v-col cols="3">Here2</v-col>\
    <v-col cols="3">Here3</v-col>
    </v-col>
  </v-row>
<v-container>