Vuetify 圆形自动完成菜单宽度

Question

我有一个 Vuetify 自动完成组件，当自动完成没有四舍五入时它看起来很好。当我把它弄圆的时候，它看起来像这样。有没有一种简单的方法可以让它看起来更好一点，菜单更窄一点或类似的东西？

Answer 1

看起来 Vuetify 还没有解决这个问题，但我这样做让我更接近我想要的样子。很可能有更好的解决方案，但就目前而言，这适用于我的项目。

这可能不适合您，但作为临时解决方案值得一试。

.v-autocomplete__content.v-menu__content {
   transform-origin: center top !important;
   transform: scale(0.97) !important;
}

引入边缘，使圆角看起来不那么糟糕。