Vuetify v-select不会关闭
[英]Vuetify v-select will not close
问题描述
I've done everything I know, and for some reason my v-select won't close after you open it. 
我已经做了我所知道的一切，由于某种原因，我的v-select在您打开它后不会关闭。
Specifically if you click the first v-select and then tab out of it, you can't close that v-select anymore. 具体来说，如果您单击第一个v-select ，然后在其中跳出选项卡，则无法再关闭该v-select 。 That's the same thing I'm getting. 我得到的是同一件事。
How can I force the close of the v-select after it loses focus? 失去焦点后，如何强制关闭v-select ？
I just realized that the same result is happening on the Vuetify website. 我刚刚意识到，Vuetify网站上也发生了同样的结果。 So I copied their codepen and am adding it here: 所以我复制了他们的代码笔并在这里添加：
Any ideas? 有任何想法吗？
EDIT: Yep, this ended up being a bug that looks like its going to be fixed shortly.. Here is the issue in GitHub 编辑：是的，这最终是一个错误，看起来很快就会被修复。. 这是GitHub中的问题
1 个解决方案
解决方案1
0 2018-12-01 04:33:45
<!DOCTYPE HTML> <html> <head> <title>VueJs Introduction</title> <link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons' rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> </head> <body> <div id="select_demo" style="padding-top:50px;"> <div id="app"> <v-app id="inspire"> <v-card> <v-container fluid grid-list-xl> <v-layout align-center wrap> <v-flex xs12 sm6> <v-select v-model="value" :items="items" attach chips label="Chips" ></v-select> </v-flex> </v-layout> </v-container> </v-card> </v-app> </div> </div> <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.0/vue.js"></script>--> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.js"></script> <script type="text/javascript"> var vs1 = new Vue({ el: '#app', data: () => ({ items: ['foo', 'bar', 'fizz', 'buzz'], value: ['foo', 'bar', 'fizz', 'buzz'] }) }) </script> </body> </html>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.