# Administration URL-State / Variablen speichern

**URL:** <https://forum.shopware.com/t/administration-url-state-variablen-speichern/99370>\
**Category:** Programmierung\
**Created:** [18. April 2023 um 06:49 UTC](https://forum.shopware.com/t/administration-url-state-variablen-speichern/99370 "2023-04-18T06:49:33Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![AlexGalax](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/alexgalax/32/9925_2.png) [@AlexGalax](https://forum.shopware.com/u/AlexGalax)\
**Post date:** [18. April 2023 um 06:49 UTC](https://forum.shopware.com/t/administration-url-state-variablen-speichern/99370/1 "2023-04-18T06:49:33Z")

</div>

Folgendes Szenario im Adminpanel:

Ich bin in der Route `crossselling.slot.list` → `list/:var/:id`  
Dort habe ich eine gefilterte Liste von Custom-Entities (die Liste wird gefiltert anhand der Route-Paramter `var` und `id`). Wenn ich jetzt eines der Elemente editiere, komme ich auf die neue Route `crossselling.slot.detail` → `detail/:id` (diese Id hat nichts mit der aus `list` zu tun).

Jetzt möchte ich auf der Detail-Page den Zurück- & Speichern-Button auf die vorherigen Werte Routen aber wie speicher ich den die Werte für `var` und `id`?

Kann man irgendwie den State von Variablen oder der URL speichern bzw. Komponenten-übergreifend darauf zugreifen? Oder kann ich das nur als eigene URL-Parameter mitgeben?

---

<div class="post-metadata">

**Author:** ![AlexGalax](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/alexgalax/32/9925_2.png) [@AlexGalax](https://forum.shopware.com/u/AlexGalax)\
**Post date:** [19. April 2023 um 07:47 UTC](https://forum.shopware.com/t/administration-url-state-variablen-speichern/99370/2 "2023-04-19T07:47:16Z")

</div>

Hab es jetzt über einfaches [Vue.js State-Management](https://v2.vuejs.org/v2/guide/state-management.html) gemacht:

`filter-state\index.js`:

```js
export const filterState = {
    var: null,
    id: null
};

```

`crossselling-slot-list\index.js`:

```js
import { filterState } from '../filter-state';
Component.register('crossselling-slot-list', {
    watch: {
       activeElementVar() {
           filterState.var= this.activeElementVar;
       },
       activeElementId() {
           filterState.id = this.activeElementId;
       }
    }
});

```

`crossselling-slot-detail\index.js`:

```js
import { filterState } from '../filter-state';
Component.register('crossselling-slot-detail', {
    data() {
        return {
           filterState: filterState;
        }
    }
});

```