单击按钮时更改 vuetify v-card 的边框颜色

Question

我想在用户单击下图所示的按钮时将带有 id 的 v-card 的边框颜色更改为红色v-card，vuetify当用户单击该按钮时，带有 id 的 v-card 的边框颜色变为白色。在我的 codepen 中，我的代码有什么问题？limited-productsshowErrorremoveErrorlimited-products

Answer 1

你可以像这样包裹v-card起来：v-sheet

<v-sheet outlined color="red" rounded>
    <v-card outlined elevation="0">
        ...
    </v-card>
</v-sheet>

Answer 2

看起来你只是缺少边框宽度。

border-color像这样编辑border，您的代码就可以正常工作。

<v-card id="limited-products" :style="isShowError ? 'border: 1px solid red;' : 'border: 1px solid white;'">