Vue实现点击列表中的哪一项,该项就变红色

根据题目可知,会用到v-for实现列表展示,v-bind动态绑定class,实现颜色的变化,v-on:click实现点击事件。

定义颜色active为红色。

index监听下标,当下标严格等于mark时,active有效,点击item事件,执行getcolor(index)函数。

mark初始化,定义数组movies。

定义getcolor(index)函数。

效果图:

你可能感兴趣的:(Vue实现点击列表中的哪一项,该项就变红色)