v容器未应用容器行为

Question

我在Vue项目中加入了Vuetify 2（最新）。我正在尝试在容器内的卡片上做一些网格，并且确实应用了容器的流体行为而没有流体。

这是我的App.vue

<template>
  <v-app>
    <v-app-bar app>
      <v-toolbar-title class="headline text-uppercase">
        <span>Vuetify</span>
        <span class="font-weight-light">MATERIAL DESIGN</span>
      </v-toolbar-title>
      <v-spacer></v-spacer>
      <v-btn
        text
        href="https://github.com/vuetifyjs/vuetify/releases/latest"
        target="_blank"
      >
        <span class="mr-2">Latest Release</span>
      </v-btn>
    </v-app-bar>

    <v-content>
       <v-layout>

  <v-container videos-content grid-list-md >
    <v-layout wrap>
      <v-flex v-for="video in videos" :key="video.id" xs12 sm6 md3>
        <v-card max-width="344" class="mx-auto">
          <v-card-title>{{video.title}}</v-card-title>
          <v-card-text>{{video.description}}</v-card-text>
          <v-card-actions>
            <a target="_blank" :href="video.url">open in Youtube</a>
          </v-card-actions>
        </v-card>
      </v-flex>
    </v-layout>
  </v-container>
  </v-layout>
    </v-content>
  </v-app>
</template>

Answer 1

我认为，可视化布局的正确结构是v-container >> v-layout >> v-flex

那么也许要删除v-layout外部定义的v-container标签？

尽管不太确定“流体行为”是什么意思...

Answer 2

似乎工作正常，您只需要遵循vuetify文档中的标准结构即可。我为你做了pen

Select Id, ClientID, VisitDate, PreviousVisitDate, rn, DaysBetweenVisit
      , case when COUNT(rn_new) OVER (PARTITION BY ClientID ORDER BY rn) = rn  then rn_new end rn_new
from (
   -- your query
) t