<li v-for="item in lists" class="test"></li
像这样循环一组 li ，每个 li 上的类名都是test，如果想单独操作其中一个 li，比如点击某个 li 时在该 li 上弹出蒙层，蒙层样式写在 active 上，关键就是怎么把这个 active 加到选中的 li 类名里面。
可以在获取到 lists 这个对象时
遍历一遍对象
给对象里每个属性添加一个属性 active = false
在渲染 li 的时候把用这个属性 active 来判断是否绑定类名 active ：
<li :class="{'active': item.active}">
接着只需要在点击该元素时改变该元素的属性 active，类名 active 就只绑定在当前 li 上了
click(index, item) {
item.active = !item.active
}
其实这是一个在编程时非常常用的方法，不能直接操作到那个对象，那就通过控制另一个和该对象连接的对象来间接操作，目前理解的解除深耦合也是类似这种做法。
接着只需要在点击该元素时改变该元素的属性 active，类名 active 就只绑定在当前 li 上了 其实这是一...
1， 下载js库 输入npm install vue 2， v-for 对数组或对象进行循环操作 需要哪个元素（H...
1.js动态插入html元素 2.vue v-for vue使用是先定好html模板结构，操作数据，尽量不要利用j...
vue常用指令 v-model:双向数据绑定，常用于表单元素 v-for: 对数组或对象进行循环操作 v-on:时...
1.vue 简介简化DOM操作2.vue 指令1).v-for="" 循环操作 2).v-model="" ...
Vue 起步 Vue V-for循环 （一） Vue V-for 循环（二) Vue v-for表格
1.vue简介简化Dom操作2.vue指令(1)v-for="" 循环操作 (2)v-model="" 双向数...
v-for 这是一个指令，只要有v-的就是指令（directive 操作dom ） 在vue中可以通过v-for来...
v-for 这是一个指令，只要有v-的就是指令（directive 操作dom ） 在vue中可以通过v-for来...
我们在使用VUE框架时都会用到v-for 我们可以使用v-for更新已渲染的元素列表时,默认用就地复用策略; 列表...
本文标题：vue 操作 v-for 里某个元素
本文链接：https://www.haomeiwen.com/subject/ikafyftx.html
网友评论