open a vuetify dialog from a component template in vuejs
Parent component: <template> <v-btn color="accent" large @click.stop="showScheduleForm=true"> <ScheduleForm v-model="showScheduleForm" /> </template> <script> import ScheduleForm from '~/components/ScheduleForm' export default { data () { return { showScheduleForm: false } }, components: { ScheduleForm } } </script> Child component (ScheduleForm): <template> <v-dialog v-model="show" max-width="500px"> <v-card> <v-card-actions> <v-btn color="primary" flat @click.stop="show=false">Close</v-btn> </v-card-actions> </v-card> </v-dialog> </template> <script> export default { props: { value: Boolean }, computed: { show: { get () { return this.value }, set (value) { this.$emit('input', value) } } } } </script>
