Vue+js: Klicken Sie auf den Pfeil, um die Bilder zu wechseln

 <div Klasse="pubuItemsBox">
        <!-- Änderungen am Abend des 5.23 -->
        <template v-for="(Bestellereignis, Index) in Bestellereignisliste" >
          <div :class="{'pubuItem':true, 'noMag':(index+1)%3 == 0}">
            <div Klasse="imgDivs">
              <template v-if="orderEvent.eventFocuspic.split(',').length > 1">
                <ins class="left" @click='ändern(index,"vorherige")'></ins>
                <ins class="rechts" @click='ändern(index,"weiter")'></ins>
              </Vorlage>
              <ul Klasse="ulZpImg">
                <template v-for="(imgUrl,imgUrlIndex) in orderEvent.eventFocuspic.split(',')" >
                  <li v-show='imgUrlIndex===orderEvent.mark'><img :src="getImageUrl(showImg(imgUrl))"></li>
                </Vorlage>
              </ul>
            </div>
            <div Klasse="txtBox">
              <span>{{orderEvent.brandName}}</span><ins>Datum: {{orderEvent.beginDate}} bis {{orderEvent.endDate}}</ins>
            </div>
            <p style="-webkit-box-orient: vertikal;">{{orderEvent.eventDesc}}</p>
          </div>
        </Vorlage>
      </div>
 
 
<Skript>
ändern(i, Typ){
        var obj = this.orderEventList[i];
        var imgLength =obj.eventFocuspic.split(',').length;
        wenn (Typ === "vorherige") {
          wenn (Objekt.Markierung == 0) {
            obj.mark = Bildlänge - 1
            zurückkehren
          }
          obj.Markierung--;
        }
        wenn (Typ === "weiter") {
          wenn (Objekt.Markierung == Bildlänge - 1) {
            obj.mark = 0
            zurückkehren
          }
          Konsole.log(Objekt.Markierung)
          obj.mark++;
        }
      }
</Skript>