vue.js - 如何使用 vue 路由器打开对话框（设置组件状态）？

Question

我想用 vue 路由器更好地控制页面状态。例如

• /将转到主页。
• /login将保留在主页上，但会打开一个带有登录框的对话框。
• /register将打开相同的对话框，但显示一个注册屏幕。

这将如何工作？

标签： vue.jsvue-router

Answer 1

您可以在主页路由中创建可选参数

routes: [
  {
    path:'/:path?',
    name:'/home',
    component: Home
  }

在已安装或已创建的钩子中的 Home Component（或您的主要组件）上，您可以查找该参数

created () {
  if (this.$route.params.path == 'login') {
    // dialog v-model to true
  }
}

如果 created 对您的对话框实现有一些问题，mounted 应该适合您