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

Question

我是 Quasar 的新手，我想禁用 q-select (quasar input select) 的 animation/class 更改，因为我希望文本保持这样

,

不改成这样，

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

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':''"

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

I want to disable the animation of a q-select (quasar select input)

javascript

css

vue.js

quasar-framework