如何使用来自 vue 路由器的路由打开 vuetify 对话框

Question

我正在尝试了解如何使用 Vue 路由器打开 Vuetify 对话框。 vue-router 对我来说是一种新体验，所以仍在学习中。但是我整天都在处理这个问题，但还没有接近解决这个问题。

问题：我需要将 v-model 更新为 true 才能在单击路由器 link 时打开对话框

我曾尝试使用元标记和 beforerouterupdate() 方法尝试更新 v-model，但没有成功。

这是我当前的路线文件

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

我不确定此时的配置是否正确。我也试过使用动态路由，但我也想不通。

有没有人可以让我了解如何解决这个问题或指出正确的方向？

Answer 1

我主要是在 Youtube 上找到的一段视频的帮助下解决了这个问题。

Vue Router Based Modal

如何使用来自 vue 路由器的路由打开 vuetify 对话框

how to open a vuetify dialog using routes from vue router

vue-router

vuejs2

vuetify.js