[Vuejs]-Trouble getting Vue component to render when seperated into a new component

by

0👍

You don’t have any value bound to the v-dialog in component. If you wish to pass props to the native v-dialog from parent scope, you can extend v-dialog and bind all attributes and events to your custom component. To be more clear:

DeleteDialog.vue

<template>
  <v-dialog
    v-bind="$attrs"
    v-on="$listeners"
    // your attributes
  >
  // ...
  </v-dialog>
</template>

<script>
import {VDialog } from "vuetify/lib"
export default {
  extends: VDialog,
  // ...
}
</script>

Leave a comment