for循环添加每一项
时间: 2023-10-20 21:29:36 浏览: 57
在这段代码中,使用了Vue的v-for指令来实现循环渲染每一项。具体来说,在div元素中使用v-for="(item, index) in list"来遍历数组list,并为每一项添加一个点击事件。在这个循环中,每一项都会被渲染成一个div元素,并根据数组arrActive中是否包含当前项的下标来判断是否添加类名"active",即:class=" arrActive.includes(index) ? 'active' : ''"。最后,通过@click="listClick(index)"为每一项添加点击事件,当点击某一项时,会触发listClick方法来处理点击事件。以上就是使用Vue的v-for指令来循环添加每一项的过程。<span class="em">1</span>
#### 引用[.reference_title]
- *1* [Vue 点击 for 循环中的项会改变样式,循环的每一项互不影响](https://blog.csdn.net/RRRRRDong/article/details/108036010)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]