v-dialogdon'tworkwithv-hoveronVuetify3

使用v-slot修复

在Vuetify 3中，v-overlay组件使用了v-hover指令，这会导致在v-overlay上使用v-dialog会导致出现问题。解决方法是使用v-slot来手动控制v-hover和v-dialog的显示和隐藏。

代码示例：

<template> <v-overlay v-if="showOverlay" v-slot="{value}"> <v-dialog v-model="dialog" v-if="value"></v-dialog> </v-overlay> </template>

<script> export default { data() { return { showOverlay: true, dialog: false, }; }, }; </script>