从父组件关闭对话框

Question

我正在使用 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>

Answer 1

像示例中一样将对话框设置为 false，然后在您单击按钮时更改状态。