使v列高度等于父v行

Question

我有一个由3列组成的v行，其中第一列包含一个图像，使其成为最高的。行的高度与图像的高度相匹配(因此第一列也是如此)，但其他两列的高度仅与其内容相同。

<v-row justify="center">
    <v-col cols="4" class="pb-0 pt-0 pl-3" align-self="center">
        <v-img src="..." />
    </v-col>
    <v-col cols="6" class="pb-0 pr-6 pt-0" align-self="center">
        <v-row>
            <p>New Product</p>
        </v-row>
        <v-row>
            <small>Product Name</small>
        </v-row>
    </v-col>
    <v-col cols="2" align-self="center">
        <p>B001</p>
    </v-col>

我需要最后一列来填充高度。只有当我给v- height: 100%一个固定的高度值时，给出列高度才有效，这是我不想做的，因为内容可以改变大小。我如何才能做到这一点？

Answer 1

将align="stretch"添加到v-row，以便所有嵌套的列都填充该行的高度。