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

【问题标题】：how to open a vuetify dialog using routes from vue router如何使用来自 vue 路由器的路由打开 vuetify 对话框
【发布时间】：2022-01-10 21:59:06
【问题描述】：

我试图弄清楚如何使用 Vue 路由器打开 Vuetify 对话框。 vue-router 对我来说是一种新体验，所以还在学习它。但是我整天都在努力解决这个问题。

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

我曾尝试使用元标记和 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
        }
      },
    ]
  },
]

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

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

【问题讨论】：

标签： vuejs2 vuetify.js vue-router

【解决方案1】：

我主要是借助我在 Youtube 上找到的一个视频来解决这个问题的。

Vue Router Based Modal

【讨论】：