Vuetify.js网格系统未按预期对齐

Question

我的前端有以下部分

letnewArray

所以我认为我的v-flex值为12，在这个变量中，我有两个v-flex，每个值为6，所以它们应该彼此相邻。但这就是我得到的：

因此您可以看到，每个v-flex DOES的每个v-text-field的大小为6，但是它们彼此之间比一个小！

Answer 1

请参考Vuetify文档中的nested grid示例。

要保持嵌套的网格布局，应使用v-layout组件包装每一行。以以下结构为例：

<v-layout row wrap>
  <v-flex xs12>
    <v-layout>
      <v-flex xs6>
        <!-- input field -->
      </v-flex>
      <v-flex xs6>
        <!-- input field -->
      </v-flex>
    </v-layout>
  </v-flex>
</v-layout>