# Vue component override und super

**URL:** <https://forum.shopware.com/t/vue-component-override-und-super/95582>\
**Category:** Programmierung\
**Tags:** administration\
**Created:** [1. August 2022 um 09:35 UTC](https://forum.shopware.com/t/vue-component-override-und-super/95582 "2022-08-01T09:35:53Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![rammi22](https://avatars.discourse-cdn.com/v4/letter/r/258eb7/32.png) [@rammi22](https://forum.shopware.com/u/rammi22)\
**Post date:** [1. August 2022 um 09:35 UTC](https://forum.shopware.com/t/vue-component-override-und-super/95582/1 "2022-08-01T09:35:53Z")

</div>

Hallo,

ich will eine Methode in einer [überschriebenen Komponente (`sw-product-detail`)](https://github.com/shopware/platform/blob/eaff042f641eb189654d7a5193acc9578a3125cf/src/Administration/Resources/app/administration/src/module/sw-product/page/sw-product-detail/index.js#L767) ausführen. Bei JS geht das ja mit `super` wenn es von einer `child`-Komponente aufgerufen wird.

Wie muß das mit Shopware umgesetzt werden?

```auto
// overridden sw-product-detail/index.js 
Component.override('sw-product-detail', {
    ...
    methods: {
        ...
        onSave() {
             // my stuff goes here
            super.onSave() <== wie ruf ich die Methode der überschriebenen Komponente auf?
        }
    }

}

```

VG

---

<div class="post-metadata">

**Author:** ![rammi22](https://avatars.discourse-cdn.com/v4/letter/r/258eb7/32.png) [@rammi22](https://forum.shopware.com/u/rammi22)\
**Post date:** [1. August 2022 um 09:42 UTC](https://forum.shopware.com/t/vue-component-override-und-super/95582/2 "2022-08-01T09:42:00Z")

</div>

`this.$super('onSave')`

---

<div class="post-metadata">

**Author:** ![Anotherone](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@Anotherone](https://forum.shopware.com/u/Anotherone)\
**Post date:** [2. April 2023 um 23:59 UTC](https://forum.shopware.com/t/vue-component-override-und-super/95582/3 "2023-04-02T23:59:28Z")

</div>

Stehe grad vor dem gleichen Problem und dachte, endlich die Lösung, aber es funktioniert nicht (mehr?), ich bekomme ein `this.$super is not a function` bzw. `TypeError: Cannot read properties of undefined (reading '#sw-settings-customer-group-detail')`

---

<div class="post-metadata">

**Author:** ![rammi22](https://avatars.discourse-cdn.com/v4/letter/r/258eb7/32.png) [@rammi22](https://forum.shopware.com/u/rammi22)\
**Post date:** [3. April 2023 um 10:16 UTC](https://forum.shopware.com/t/vue-component-override-und-super/95582/4 "2023-04-03T10:16:14Z")

</div>

Scheint das zur Laufzeit `this.$super` deinem Skript nicht bekannt ist. Versuche das Skript zu debuggen, dann kannst du sehen was zur Verfügung steht.