Question

我已经做了我所知道的一切，由于某种原因，我的v-select在您打开后将无法关闭。

特别是，如果您单击第一个v-select，然后从中跳出，则无法再关闭该v-select。这就是我得到的。

v-select失去焦点后如何强制关闭？

我刚刚意识到在Vuetify网站上也发生了同样的结果。因此，我复制了他们的代码笔并在此处添加它：

有什么想法吗？

编辑：是的，这最终是一个错误，看起来很快就会被修复。.Here is the issue in GitHub

Answer 1

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

Vuetify v-select不会关闭

1 个答案: