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

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

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

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

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

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

解答

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