Vuejs2 从父组件关闭对话框
我正在使用Vue.js和Vuetify,在关闭对话框时遇到问题 我已经设置了一个对话框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
=''
,并使用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