如何限制Quasar q-select多选时的内容显示行数为2行？

要限制q-select选中内容显示为2行，可通过自定义CSS控制chips容器的高度与溢出行为，步骤如下：

1. 给q-select添加自定义类 #

在q-select标签上增加class="limit-chips-2lines"，修改后的组件代码：

<q-select
  v-model="option.selectedDocuments"
  :options="option.tasks"
  :readonly="selectedOption !== option"
  option-label="title"
  multiple
  emit-value
  use-chips
  stack-label
  class="limit-chips-2lines"
  @input="handleTaskEditionAdd"
>
  <template v-slot:option="scope">
    <q-item
      :data-test-id="`el-select-option-${scope.index}`"
      v-bind="scope.itemProps"
      v-on="scope.itemEvents"
    >
      <q-item-section
        :class="{'text-feedback-success-darkest': selectedOption.selectedDocuments.includes(scope.opt)}"
      >
        <q-item-label v-html="scope.opt.title" />
      </q-item-section>
      <q-item-section
        v-if="selectedOption.selectedDocuments.includes(scope.opt)"
        side
      >
        <q-icon name="mdi-check" color="primary"/>
      </q-item-section>
    </q-item>
  </template>
</q-select>

2. 添加CSS样式 #

在组件的