Vuetify：如何监听对话框的关闭事件？

Question

我认为<v-dialog @close="close">行不通。

如何监听对话框的关闭事件？

Answer 1

vuetify 文档没有显示任何close对话框事件，也许您可​​以仔细检查或澄清 vuetify 版本（如果是这种情况）

没有事件的解决方法可以是使用 watch：

<script>
export default {
 data(){
  show:false
 },
 watch:{
  show:function(newValue, old){
   if(!newValue){
    // Closing
   }
  }
 }
}
</script>

然后您将对话框与 v-model 一起使用：<v-dialog v-model="show">

每当show等于时true，对话框就会显示，并且使用观察器您将知道何时show设置为false并关闭对话框。