Vuetify v-row количество элементов в строке - PullRequest
Новая
       11

Vuetify v-row количество элементов в строке

0 голосов
/ 09 июля 2020

Я использую 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 элемента, а затем go на новой строке? Кажется, я даже не нахожу его в официальных документах по 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>

Спасибо за помощь брату!

1 Ответ

0 голосов
/ 09 июля 2020

Вы ошиблись в шаблоне, чтобы создать то, что вы просили, синтаксис шаблона будет 

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