卡在vuetify中滚动

Question

可以在高度固定的vuetify中创建一个v-list，当我的用户添加一些内容时，他会在v-list tks中显示一个滚动条

Answer 1

您的要求尚不完全清楚，但如果CSS不是自动的，则可以使用CSS向卡添加滚动条。

这是codepen：https ://codepen.io/AleaQ/pen/WJZqWb

<div id="app">
  <v-app id="inspire">
    <v-container fluid>
      <v-layout>
        <v-flex xs6>
      <v-card class="scroll" height="100">
    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
            "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
      </v-card>
          </v-flex>
        </v-layout>
    </v-container>
  </v-app>
</div>

//CSS MARKUP
    .scroll {
      overflow-y: auto;
    }