2

I am trying to figure out how to open a Vuetify dialog using the Vue router. The vue-router is a new experience for me so still learning it. But Ive been working on this all day and have not come anywhere close to solving the issue.

Issue: I need to update the v-model to true to open the dialog when a router link is clicked

I have tried using meta tags and the beforerouterupdate() method to try and update the v-model but that has not worked.

This is my current route file

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home,
  },
{
    path: '/backup',
    name: 'backup',
    component: BackupDialog,
    children: [
      {
        path: '/backup/:options',
        name: 'optionsModal',
        component: DbBackupOptions,
        meta: {
          showModal: true
        }
      },
    ]
  },
]

I am not sure I have the right configuration at this point. I also tried using dynamic routing but I could not figure that out either.

Is there some one that can give me some insight on how to resolve this issue or pointers in the right direction ?

1 Answer 1

3

I have figured out the issue mostly to the help of a video I found on Youtube.

Vue Router Based Modal

Sign up to request clarification or add additional context in comments.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.