Vue.js 如何阻止v-click-outside在内部v-select组件上触发

Vue.js 如何阻止v-click-outside在内部v-select组件上触发,vue.js,vue-component,vuetify.js,Vue.js,Vue Component,Vuetify.js,我一直在尝试制作一个卡片组件,如果你点击外面的任何地方,它就会关闭。但问题是,当我点击卡内v-select下拉菜单中的一个项目时,v-click-outside会被触发。如何防止子组件触发v-click-outside <v-card v-click-outside="handleClickOutside"> <v-select :items="items" v-model="currentItem&q

我一直在尝试制作一个卡片组件,如果你点击外面的任何地方,它就会关闭。但问题是,当我点击卡内v-select下拉菜单中的一个项目时,v-click-outside会被触发。如何防止子组件触发v-click-outside

<v-card v-click-outside="handleClickOutside">
   <v-select
     :items="items"
     v-model="currentItem"
   ></v-select>
</v-card>



Try
v-click-outside.self=
根据指令执行情况,它可能工作,也可能不工作Try
v-click-outside.self=
根据指令执行情况,它可能工作,也可能不工作