v-select 根据所选项目的长度更改宽度

Question

我在弹性盒内使用 v-selects，我希望 v-selects 的大小取决于弹性盒设置，而不是根据选择的是长项目还是短项目而变化。

有没有办法让宽度与所选项目无关？

Answer 1

昨天我记得当我使用 v-container 时并没有发生这种情况，所以我模仿了 v-container 的 css，但做了一些更改以应用不同的样式。 本质上，如果 v-select 的宽度相当低，如果您希望它保持一定的大小，则无法手动设置 v-select 的宽度，这最终是 v-col 有效执行的操作。 我希望它根据父级的宽度进行更改，因此我使用了百分比并减去总弹性盒间隙（20px）除以父级中的项目数（2），如下所示：

.v-select-class {
    width: calc(50% - 10px);
}

希望这对将来的人有帮助。

Answer 2

我的解决方案是对选择中的子类之一施加严格限制。

.v-select-class .v-select__selection {
  max-width: 280px;
}