Передайте parms в v-диалог вместо маршрута

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

вы можете восстановить параметр с помощью: {{$route.params.id}}

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

Answer 2

Вы можете создать объект, сохранить необходимую информацию (и) в компоненте, который вы используете в этом диалоговом окне, и вы будете иметь доступ к нему везде, включая диалоговое окно. Нет необходимости явно передавать какое-либо значение в v-dialog, поскольку оно является частью какого-либо компонента.