Vuetify - 将v-menu添加到v-card更改v-card宽度

Posted 2021-04-27

Vuetify：1.5.4

我在v-flex下创建了简单的v-card，因此它会根据屏幕分辨率自动调整。我在v-card里面有一个v-list来显示一些信息。

Example

在上面的例子中有3张牌，第一张牌不包含任何菜单，第二张和第三张牌有v-menu选项，而v-card有v-list。

这里的问题是第二张和第三张牌是重叠的，因为标题较大，但在第一张牌中它被修剪了。如果我使用v-menu它不会修剪掉。

我之前使用的版本是1.1.4并且它有效。

有什么改变我必须做的吗？感谢您的任何帮助。

答案

您可以将激活器菜单显示更改为阻止

.v-menu__activator {
  display: block !important;
}

Demo here