如何在 vuetify 弹出模式上放置要使用输入元素（v-select）固定的下拉项？

Posted 2023-02-22

【中文标题】如何在 vuetify 弹出模式上放置要使用输入元素（v-select）固定的下拉项？

【英文标题】：How to place Dropdown item to be fixed with input element(v-select) on veutify popup modal?

【发布时间】：2020-04-01 20:55:15

【问题描述】：

一周前开始使用 Vuejs，我正在使用 vuetify(requirement)。

这里是vuetifyjs提供的弹出模式示例 https://vuetifyjs.com/en/components/dialogs#form

使用上面链接中的 codepen 重新创建问题。

我的问题是，打开弹出模式后，在我尝试滚动时单击（只是打开）下拉选择而不选择任何元素或项目。下拉元素也会随着滚动而滚动。

我们怎样才能阻止这种行为？

【参考方案1】：

我今天不得不面对这个问题，看到这个问题没有答案。所以我想发布我找到的解决方案作为答案，以便将来可能对某人有所帮助。我通过添加 @987654321 解决了这个问题@道具到

前：

 <v-list-item>
        <v-list-item-content>
            <v-autocomplete
              prepend-icon="add_shopping_cart"
              :disabled="isView"
              v-model="answer"
              attach
              :items="answers"
              label="***"
            >
        </v-list-item-content>
 </v-list-item>