改变Vuetify中两个不同v-col的高度

要改变Vuetify中两个不同v-col的高度，可以使用Vuetify提供的flex布局来实现。

首先，确保你已经正确引入了Vuetify库和相关组件。

下面是一个示例代码，演示了如何改变两个不同v-col的高度：

<template>
  <v-container fluid>
    <v-row>
      <v-col cols="6" :style="{ height: col1Height }">
        <v-card>
          <v-card-text>
            This is v-col 1
          </v-card-text>
        </v-card>
      </v-col>
      <v-col cols="6" :style="{ height: col2Height }">
        <v-card>
          <v-card-text>
            This is v-col 2
          </v-card-text>
        </v-card>
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
export default {
  data() {
    return {
      col1Height: '200px',
      col2Height: '300px'
    }
  }
}
</script>

在上面的代码中，我们使用了:style绑定来动态设置两个v-col的高度。通过在data中定义col1Height和col2Height变量，我们可以随时改变它们的值，从而改变v-col的高度。

你可以根据实际需求，将col1Height和col2Height设置为任意合适的值，例如固定像素值、百分比、自适应等等。

通过这种方式，你可以轻松地改变Vuetify中两个不同v-col的高度。