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

可以通过使用flex属性来实现。v-col是Vuetify中的栅格系统组件，用于创建响应式的布局。

首先，确保你已经安装了Vuetify并正确引入了相关的组件和样式。

接下来，你可以在v-col上使用flex属性来设置不同的高度。flex属性可以接受一个数字作为值，表示该列在布局中所占的比例。默认情况下，所有的v-col都具有相同的flex值，即1。

要改变两个不同v-col的高度，你可以给它们分别设置不同的flex值。例如，如果你想让第一个v-col的高度为原来的2倍，而第二个v-col的高度为原来的1/2，你可以这样写：

<template>
  <v-row>
    <v-col cols="6" :style="{ flex: 2 }">
      <!-- 第一个v-col的内容 -->
    </v-col>
    <v-col cols="6" :style="{ flex: 0.5 }">
      <!-- 第二个v-col的内容 -->
    </v-col>
  </v-row>
</template>

在上面的代码中，我们使用了:style绑定来动态设置每个v-col的flex属性。第一个v-col的flex值为2，表示它在布局中占据了原来的2倍空间；而第二个v-col的flex值为0.5，表示它在布局中只占据了原来的1/2空间。

这样，两个v-col的高度就会根据它们的flex值进行调整，实现了不同的高度效果。

关于Vuetify的更多信息和使用方法，你可以参考腾讯云的Vuetify相关产品和产品介绍链接地址：Vuetify。