Условный @click с методом в vuejs

Question

Это мой цикл for:

  <li v-for="(crumb, index) in breadcrumbs" :class="{ 'is-active' : index==breadcrumbs.length-1 }">
    <a href="javascript:void(0)" v-if="index==breadcrumbs.length-1">{{ crumb.name }}</a>
  </li>

@ click = "methodName" не должен быть доступен для последней итерации.

Я могу проверить последнюю итерацию с помощью индекса ==breadcrumbs.length-1 Возможно ли это с помощью apply v-if?

Answer 1

Существует возможность, определяя обработчик событий следующим образом:

v-on="condition ? { eventName: () => handler } : {}"

Оператор?: Можно использовать как ярлык для оператора if ... else

В вашемна случай, если это будет так:

<li v-for="(crumb, index) in breadcrumbs" :class="{ 'is-active' : index==breadcrumbs.length-1 }">
    <a href="javascript:void(0)" v-on="index < breadcrumbs.length-1 ? { click: () => methodName(parms) } : {click: ($event) => $event.preventDefault() }" >{{ crumb.name }}</a>
</li>

Маленькая скрипка