首页 > 解决方案 > 将参数传递给 v-dialog 而不是路由

问题描述

我正在更改我的 vue 应用程序的一部分。而不是打开一个新标签,我喜欢用v-dialog.

目前,我id像这样路由到组件:

menuActions(option, project) {
   switch (option) {
     case 'Edit':
       this.$router.push({ name: 'ManageProject', params: { id: project.id }, query: 'vue' });
       break;

现在我想在对话框中打开该组件,但我不知道如何通过id

case 'Edit1':
    this.showDialog = true;
    break;

有人可以帮助我吗?

标签: vue.jsdialogvuetify.js

解决方案


您可以使用以下方法恢复参数:{{$route.params.id}}

https://router.vuejs.org/guide/essentials/dynamic-matching.html#reacting-to-params-changes


推荐阅读