使用Vue v-for生成的列表中，点击某项使该项文字变为红色的操作
5星
- 浏览量: 0
- 大小:None
- 文件类型：PDF
简介：
本教程讲解了如何在Vue框架下利用v-for指令创建动态列表，并通过简单的JavaScript代码实现单击事件改变特定列表项的文字颜色为红色。
这里使用的是给被点击的`li`添加类名的方式：
```html
export default {
data () {
return {
isShow: false,
i: null,
lis: []
}
}
}
```
注意：代码中存在一些语法错误，例如`click=clickAdd(index)`应该改为`:click=clickAdd`或使用v-on指令形式的`@click=clickAdd`, 以及`class={red:i>`应修正为`:class={ red: i === index }`。这些改动是为了确保模板语法正确和功能实现准确。
{{ item.name }}
全部评论 (0)
还没有任何评论哟~
