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行，但没有成功... 有谁知道我如何使该行每行打印3个元素，然后换行？我似乎甚至没有在Vuetify的官方文档中找到它，这很奇怪。我看到，Bootstrap甚至对bs-row都具有正确的参数来指定每行的元素数量。但是我不能使用Vue和Vuetify来做同样的事情。如果有人知道，我将非常高兴听到如何制作它。
预先感谢

已解决！我有点傻了，忘了v行有12个v-col的空间所以

<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>

验证每行元素的v行数

1 个答案: