如何在 veutify 弹出模式上放置要使用输入元素(v-select)固定的下拉项?

Cra*_*yKP 5 html javascript css vue.js vuetify.js

一周前开始使用 Vuejs,我正在使用 vuetify(要求)。

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

使用上面链接中的 codepen 重现问题。

在此输入图像描述

我的问题是,打开弹出模式后,当我尝试滚动时,单击(仅打开)下拉选择而不选择任何元素或项目。下拉元素也会随着滚动而滚动。

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

小智 6

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

前任:

 <v-list-item>
        <v-list-item-content>
            <v-autocomplete
              prepend-icon="add_shopping_cart"
              :disabled="isView"
              v-model="answer"
              attach
              :items="answers"
              label="Stackoverflow"
            >
        </v-list-item-content>
 </v-list-item>
Run Code Online (Sandbox Code Playgroud)