Vuejs2 从父组件关闭对话框

Vuejs2 从父组件关闭对话框,vuejs2,vuetify.js,vue-cli-3,Vuejs2,Vuetify.js,Vue Cli 3,我正在使用Vue.js和Vuetify,在关闭对话框时遇到问题 我已经设置了一个对话框='',并使用this.dialog=false更改了方法上的值。 <v-dialog v-model="dialog" persistent max-width="600px"> <template v-slot:activator="{ on }"> <v-btn color="primary" dark

我正在使用Vue.js和Vuetify,在关闭对话框时遇到问题

我已经设置了一个对话框
=''
,并使用
this.dialog=false更改了方法上的值。

        <v-dialog v-model="dialog" persistent max-width="600px">
            <template v-slot:activator="{ on }">
                <v-btn color="primary" dark v-on="on">Open Dialog</v-btn>
            </template>
            <v-card>
                <v-card-actions>
                    <div class="flex-grow-1"></div>
                    <v-btn color="blue darken-1" text @click="dialog = false">Close</v-btn>
                    <v-btn color="blue darken-1" text @click="save">Save</v-btn>
                </v-card-actions>
            </v-card>
        </v-dialog>

打开对话框
接近
拯救

将对话框设置为false(如示例所示),然后在单击按钮时更改状态


您可以使用
v-show
v-if