問題

私は例に従っています: https://vuetifyjs.com/en/components/tabs#content

 <v-tabs-items v-model="model">
    <v-tab-item
      v-for="i in 3"
      :key="i"
      :value="`tab-${i}`"
    >
      <v-card flat>
        <v-card-text v-text="text"></v-card-text>
      </v-card>
    </v-tab-item>
  </v-tabs-items>
 

しかし、私はvcardに残りの高さを取るようにしたい。どうすればそれを達成できますか?

  ベストアンサー

上記のamatyjajoのアプローチはうまくいきますが、scopedスタイルブロック内のコンポーネントを操作している場合は、次のようなネストされたWindowsコンテナにアクセスするためにディープセレクタを使用する必要があります。

 .tab-items-row >>> .v-window__container,
.tab-items-row >>> .v-window-item {
  height: 100%;
}
 

  同じタグがついた質問を見る

cssvue.jsvuetify.js