alpine.js - 识别 alpine.js for 循环中的最后一项
问题描述
我的 alpine.js 代码中有一个 for 循环
<template x-for="(value, index, collection) in forecastQ4Values" :key="index">
<div class="..."><span x-text="value"></span></div>
</template>
如何仅将类添加到 for 循环中的最后一项?基本上我想隐藏最后一个元素,直到一些变量发生变化。
例如像这样,但仅限于最后一项。
<template x-for="(value, index, collection) in forecastQ4Values" :key="index">
<div :class="{ 'invisible': !productDActive }" class="..."><span x-text="value"></span></div>
</template>
谢谢
解决方案
如果您可以访问索引,我的第一个想法是检查您在循环中的位置。像这样:
<template x-for="(value, index, collection) in forecastQ4Values" :key="index">
<div :class="{ 'invisible': (forecastQ4Values.size == index+1) }" class="..."><span x-text="value"></span></div>
</template>
推荐阅读
- vba - 尝试使用 excel VBA 访问网站上的数据,我需要能够单击按钮
- python-2.7 - Paramiko 在遇到缺少输出时挂起
- sql - 当到期日总是在每个月的最后一天时,查找不同的 ID
- c# - 如何在服务器端防止href属性的xss?
- android - Android 上的 Tensorflow 推理,找不到“迭代器”操作。没有注册 OpKernel 来支持 Op
- html - 在jsx onclick按钮中使用href
- php - PHP OCI BIND-IN & BIND-OUT 问题
- python - scapy 信标包的信号强度,负整数到二进制补码十六进制
- c++ - 对象赋值 - 无效使用成员函数错误
- javascript - HTML事件同时弹出,怎么选一个