Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将下拉项与输入元素(v-select)一起固定在veutify弹出模式上?_Javascript_Html_Css_Vue.js_Vuetify.js - Fatal编程技术网

Javascript 如何将下拉项与输入元素(v-select)一起固定在veutify弹出模式上?

Javascript 如何将下拉项与输入元素(v-select)一起固定在veutify弹出模式上?,javascript,html,css,vue.js,vuetify.js,Javascript,Html,Css,Vue.js,Vuetify.js,一周前开始使用Vuejs,Iam使用vuetify(要求) 以下是vuetifyjs为弹出模式提供的示例 使用上面链接中的codepen重新创建问题 我的问题是,在打开pop模式后,当我尝试滚动时,单击(仅打开)下拉选择,而不选择任何元素或项目。下拉元素也会随着滚动而滚动 我们如何才能阻止这种行为?我今天不得不面对这个问题,看到这个问题却没有答案。因此,我想将我找到的解决方案作为答案发布,以便将来可能对其他人有所帮助。我已通过将附加道具添加到解决了这个问题 例: <v-list-

一周前开始使用Vuejs,Iam使用vuetify(要求)

以下是
vuetifyjs
为弹出模式提供的示例

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

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


我们如何才能阻止这种行为?

我今天不得不面对这个问题,看到这个问题却没有答案。因此,我想将我找到的解决方案作为答案发布,以便将来可能对其他人有所帮助。我已通过将
附加
道具添加到解决了这个问题

例:


 <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>