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

Question

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

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

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



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

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

Answer 1

我今天不得不面对这个问题，看到这个问题没有答案。所以我想发布我找到的解决方案作为答案，以便将来可能对某人有所帮助。我通过添加 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>