Vue - v-for und Index

  • Hallo,


    ich versuche seit geraumer Zeit den Index von der for Schleife zu ermitteln. Und zwar so, dass ich ihn dann In JavaScript nutzen kann. (Nicht im HTML Dokument).


    Bsp:

    Code
    <div id="wrapper">
                    <a class="event" v-bind:style="{order: e.order}" v-for="e, index in events" :href = "e.page"><img v-bind:src="image" v-bind:alt="alt" />
                        <p><b>{{ e.title }}</b> <br>
                        {{e.subtitle}}  {{index}}   </p>
                    </a>
                </div>

    Das meine ich mit nicht im HTML Dokument. Ich möchte diesen Index in JS verwenden können.


    Kurze Erklärung meines Falles:

    Es geht um das Weiterleiten zur nächsten Seite. Ich klicke auf ein Event und möchte zur Ansicht der Daten gelangen.

    Nun gibt es zwei verschiedene Arten von Events:

    ohne Code - Ich klicke auf Event und komme zur Ansicht - funktioniert bei mir einwandfrei.

    mit Code - Ich klicke auf Event und muss erst einen Code eingeben - ist dieser richtig gehe ich auf die Ansicht-Seite. - funktioniert noch nicht.


    Ich weiß nicht, wie man sowas allg löst, aber ich wollte es folgendermaßen lösen.

    Ich klicke auf das Event und merke mir den Index. Durch diesen Index kann ich dann auf der Codeseite die Anweisung geben auf welche Seite weiterverlinkt werden soll.


    Weiterer Code:


    Ich hoffe ihr könnt mir sagen wie ich an den Index ran komme.


    Mfg, werdas34

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!