时间戳

首页 > 解决方案 > Vuetify - 如何在 v-dialog 中重置子组件

vue.js - Vuetify - 如何在 v-dialog 中重置子组件

问题描述

我向 v-dialog 添加了 Create 组件，我希望在 v-dialog 关闭时重置 Create 组件。我能怎么做？

<v-dialog v-model="dialog" width="800">
           <template v-slot:activator="{ on, attrs }">
              <v-btn depressed color="primary" v-bind="attrs" v-on="on" @click="dialog = true">
                 <v-icon color="white">mdi-plus-thick</v-icon>
                 <span class="ml-2">Cihaz Ekle</span>
              </v-btn>
           </template>
           <Create />
        </v-dialog>

标签： vue.jsvuetify.js

解决方案

在您的组件上添加一个v-if用于切换对话框的值：

<v-dialog v-model="dialog" width="800">
       <template v-slot:activator="{ on, attrs }">
          <v-btn depressed color="primary" v-bind="attrs" v-on="on" @click="dialog = true">
             <v-icon color="white">mdi-plus-thick</v-icon>
             <span class="ml-2">Cihaz Ekle</span>
          </v-btn>
       </template>
       <Create v-if="dialog"/>
    </v-dialog>

推荐阅读