如何用Vue的v-for实现点击元素并添加样式功能？

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

相信大家都会遇到这种情况：在使用v-for循环时，我只需要对点击到的元素做出响应，其他元素保持不变。但是，循环中所有元素都会发生变化。

以下是一个简化的例子：

我需要点击到的元素增加一个'：

{{ item }}

javascriptmethods: { handleClick(item) { item +='; }}

这样，只有点击到的元素会被修改，其他元素保持原样。

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