vue怎么做到点击列表项,然后该项文字变成红色

 时间:2026-04-22 23:31:03

1、完整代码如图所示。

vue怎么做到点击列表项,然后该项文字变成红色

2、首先,用v-for把列表展示出来。

vue怎么做到点击列表项,然后该项文字变成红色

3、然后,把点击项的index赋值给activeIndex(activeIndex初始化为0)。

vue怎么做到点击列表项,然后该项文字变成红色

4、最后,当activeIndex和index相等时,我们把该项文字变成红色。

vue怎么做到点击列表项,然后该项文字变成红色

5、运行结果如图所示。

vue怎么做到点击列表项,然后该项文字变成红色

  • js如何改变input内文字的缩进距离
  • 怎么在VScode中设置为弃用变量加删除线
  • 如何用jquery获得页面元素到窗口顶部的距离
  • 机动战姬聚变看板娘怎么更换
  • Javascript里怎样获取A标签里的文字
  • 热门搜索
    怎么做生日蛋糕 喜百年装饰怎么样 怎么换照片底色 传染性软疣怎么治 珍珠鸡怎么分公母 怎么能瘦腿 卤牛肉怎么做好吃 三元催化器怎么清洗 用酸奶机怎么做酸奶 coke怎么读