Vue+js 矢印をクリックして画像を切り替える

 <div class="pubuItemsBox">
        <!-- 5.23 夜の修正 -->
        <template v-for="(orderEvent, index) in orderEventList" >
          <div :class="{'pubuItem':true, 'noMag':(index+1)%3 == 0}">
            <div class="imgDivs">
              <テンプレート v-if="orderEvent.eventFocuspic.split(',').length > 1">
                <ins class="left" @click='change(index,"prev")'></ins>
                <ins class="right" @click='change(index,"next")'></ins>
              </テンプレート>
              <ul class="ulZpImg">
                <テンプレート v-for="(imgUrl,imgUrlIndex) を orderEvent.eventFocuspic.split(',') で指定します。" >
                  <li v-show='imgUrlIndex===orderEvent.mark'><img :src="getImageUrl(showImg(imgUrl))"></li>
                </テンプレート>
              </ul>
            </div>
            <div class="txtBox">
              <span>{{orderEvent.brandName}}</span><ins>日付: {{orderEvent.beginDate}} から {{orderEvent.endDate}}</ins>
            </div>
            <p style="-webkit-box-orient: vertical;">{{orderEvent.eventDesc}}</p>
          </div>
        </テンプレート>
      </div>
 
 
<スクリプト>
変更(i, タイプ){
        var obj = this.orderEventList[i];
        var imgLength =obj.eventFocuspic.split(',').length;
        if (type === "前") {
          （obj.mark == 0）の場合{
            obj.mark = 画像の長さ - 1
            戻る
          }
          obj.mark--;
        }
        if (type === "next") {
          if (obj.mark == imgLength - 1) {
            オブジェクトマーク = 0
            戻る
          }
          コンソールログ(obj.mark)
          obj.mark++;
        }
      }
</スクリプト>