将参数传递给v-dialog而不是路由

Question

我正在更改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;

有人可以帮助我吗？

Answer 1

您可以创建一个对象，在使用该对话框的组件中存储必要的信息，然后您将可以访问包括对话框在内的所有内容。由于它是某些组件的一部分，因此无需将某些值显式传递给v-dialog。

Answer 2

您可以使用：{{$route.params.id}}

恢复参数

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