javascript q-select选择超出输入范围

vwhgwdsa  于 2022-12-28  发布在  Java
关注(0)|答案(1)|浏览(121)

下面是我的q-select的标记

<q-select
        square
        outlined
        fill-input
        standout="bg-grey-3 text-white"
        v-model="unit_selection"
        :options="units"
        options-dense
        dense
      >
      </q-select>

我注意到在我的单元中有一些长的选项,所以我设置了这个长的值,q-select就让这个文本离开了框。
let units = ['aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa']

有没有一种方法可以缩短所选选项的长度,使其切断,使其不会超出框?

2lpgd968

2lpgd9681#

好吧,我想出来了,我检查了元素,发现这个类需要隐藏它的溢出

.q-field__native {
  overflow: hidden;
}

老实说,它应该只是这样的开箱即用。还需要添加一个最大宽度的q-选择,否则最大的选择选项只会使框巨大。

相关问题