这是我的 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" 不应在最后一次迭代中可用。
我可以使用 index==breadcrumbs.length-1 检查最后一次迭代
使用 apply v-if 可以吗?
可以通过这种方式定义事件处理程序:
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>
小小提琴 http://jsfiddle.net/7w6m9jgb/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)