Vuetify:卡片内滚动列表

<template>
  <v-card>
    <v-card-title>卡片标题</v-card-title>
    <v-card-text>
      <v-list two-line subheader>
        <v-list-item v-for="item in items" :key="item.id">
          <v-list-item-content>
            <v-list-item-title>{{ item.title }}</v-list-item-title>
            <v-list-item-subtitle>{{ item.subtitle }}</v-list-item-subtitle>
          </v-list-item-content>
        </v-list-item>
      </v-list>
    </v-card-text>
  </v-card>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, title: '列表项1', subtitle: '副标题1' },
        { id: 2, title: '列表项2', subtitle: '副标题2' },
        { id: 3, title: '列表项3', subtitle: '副标题3' },
        // 更多列表项...
      ]
    };
  }
};
</script>