我想禁用 q-select 的动画（类星体选择输入）

Question

我是 Quasar 的新手，我想禁用 q-select（ quasar input select ）的动画/类更改，因为我希望文本保持这样

,

而不是改变这个，

一旦它被点击。 如果有人可以提供帮助，我将不胜感激。 感谢大家！

Answer 1

使用“selected”插槽并仅在未选择任何内容时显示它：

<q-select v-model="model" :options="options">
  <template v-if="model === null" v-slot:selected>
    <div class="text-grey-6">Placeholder</div>
  </template>
</q-select> 

当然，您可以自定义占位符以更紧密地匹配默认标签。

Answer 2

<q-select
        emit-value
        map-options
        :placeholder="companyInformationPage.formFields.registrationCountryId === null?'Placeholder':''"
        filled
        v-model="companyInformationPage.formFields.registrationCountryId"
        :options="companyInformationPage.references.countryOfRegistrationOptions"
        style="width: 100%"
        use-input
        :rules="companyInformationPage.formValidations.registrationCountryId.rules"
        @filter="filterCountry">
        <template v-slot:no-option>
          <q-item>
            <q-item-section class="text-grey"> No results</q-item-section>
          </q-item>
        </template>
      </q-select>

//用于使用输入--> :placeholder="companyInformationPage.formFields.registrationCountryId === null?'Placeholder':''"