vue项目实现渲染列表获取当前点击项（高亮）

时间：2019-07-23 00:38:49 阅读：272 评论：0 收藏：0 [点我收藏+]

一个简单的例子：

这是渲染列表的代码

在data里设置一个初始值0，

也是实现需求的核心主要是绑定属性样式是否为true，通过click改变当前index值也就是将当前点击的index赋值给cureentIndex,此时被点击的那个会显示style1样式

对于页面上写死的列表怎么获取当前的子元素呢同样的思路

<ul>

<li :class="{style1:index==1}" @click="index=1">这是第一行</li>

<li :class="{style1:index==2}" @click="index=2">这是第二行</li>

</ul>

这一次只不过是将index写死

这个思路可以用于解决高亮获取当前点击对象，不知道是否对你有所帮助呢？加油！

原文地址：https://www.cnblogs.com/bbldhf/p/11229123.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行