如何在v-bottom-nav内部单击时更​​改v-btn的背景颜色

Question

我想在v-bottom-nav中单击按钮时将v-btn的背景颜色更改为黑色。

我已经尝试过了，但是没有用

<v-btn
    :color="changeBackgroundColor ? 'secondary' : 'info'"
    @click="changeBackgroundColor = !changeBackgroundColor"
>

我在https://codepen.io/boidurja-talukdar/pen/ZddywR?editors=1010中有代码

我希望按钮“ A”的背景颜色在单击时从蓝色切换为黑色。但是实际结果是，按钮“ A”上的文本在单击时就消失了。

Answer 1

您可以使用样式绑定来完成它...检查此叉子codepen

html * {

 box-shadow: none !important;
 border: none !important;
 color: white;

     }