如何通过Vue的v-for实现点击元素并为其添加特定样式？

本文共计1212个文字，预计阅读时间需要5分钟。

在Vue中，使用v-for循环时，确保点击的元素能触发相应响应，其他元素保持不变。以下是一个简化的代码示例：

{{ item.name }}

这里，`items` 是一个数组，每个元素包含一个 `name` 属性。点击任何元素时，`handleClick` 方法会被触发，并接收当前点击的元素作为参数。`:key=index` 用于给每个循环项提供一个唯一的key，这是Vue中v-for循环的一个最佳实践。

相信大家都会遇到这种情况：v-for循环时，我只需要点击到的元素做出相应反应，其他的元素不变；但是往往所有v-for循环出的元素都会变化。