如何将 vuetify 转换应用于 <v-select> 元素答案

【问题标题】：How to apply vuetify transitions to <v-select> element如何将 vuetify 转换应用于 <v-select> 元素
【发布时间】：2020-07-11 19:50:25
【问题描述】：

大家好，今天我正在与一些相当简单的事情作斗争，但我似乎找不到答案。我希望将 transition="fab-transition" 应用于我表单上的所有选择项。然而，它似乎只适用于 v-menu 项目。在表单上，我有两个 v-select 和一个 v-menu。 v-menu 转换工作正常，但 v-selects 不做任何事情。下面是我的代码，提前谢谢我知道你们都超级聪明:)

<v-select :items='locations' item-text='name' 
          item-value='id' label='Select Location' 
          prepend-icon="local_hospital" 
          v-model='appointment.location_id' 
          :rules="[v => !!v || 'Please Select Location']"
          transition="fab-transition">
</v-select>

<v-select :items='patient.patients' item-text='name' 
          item-value='id' label='Select Patient' 
          prepend-icon="face" 
          v-model='appointment.patient_id' 
          :rules="[v => !!v || 'Please Select Patient']"
          transition="fab-transition">
</v-select>

    <v-menu v-model="menu"
            :close-on-content-click="false"
            :nudge-right="40"
            offset-y
            min-width="290px"
            transition="fab-transition">
            <template v-slot:activator="{ on }">
                 <v-text-field
                     v-model="appointment.date"
                     label="Select Date"
                     prepend-icon="event" readonly
                     v-on="on"
                     :rules="[v => !!v || 'Please select Date']">
                 </v-text-field>
            </template>
            <v-date-picker v-model="appointment.date" 
                           @input="menu = false"></v-date-picker>
    </v-menu>

再次，v-menu（日期选择器）工作正常，但两个 v-select 仍然没有选择转换。 PS vuetify 主页只是说“大多数组件可以通过 transition 属性改变它们的过渡。”只有 v-menu 示例。请帮忙:)

【问题讨论】：

据我所知，v-selects 没有过渡。 v-select 的 API 也没有显示过渡道具 (vuetifyjs.com/en/components/selects/#api)
哦，对了，我明白了...我们会感谢的，我猜他们必须保持不变。谢谢你的帮助 Rie ;)
你最初想要动画/过渡什么？ v-select 打开时的菜单？
是的，我希望它看起来与 v-menu 日历完全相同。我从 vuetify 组件页面按原样复制日历并添加了“fab-transition”道具

标签： vuetify.js

【解决方案1】：

所以只是关闭这个。 Rie 刚刚提到 v-select 没有过渡属性，所以我们不能应用过渡样式。

如果有人有解决方法请分享

再次感谢 Rie !!!!

【讨论】：