vue循环输出html元素,【Vue】vue v-for循环出来的li元素，如何操作其中一个的样式？...

点击某个li元素后出现或者消失该元素上一个蒙层，但是不知道怎么动态绑定类名，只绑定到该元素。现在是一点击所有元素都出现蒙层了。

目前是这样想的：

:class=”{show:isShow + index}(这个语法是错的,大概意思是想这样) 想把index绑定到变量上，然后再给他添加上class来显示，但是就像上面写的那样，这个语法实现不了

第二是给每个元素添加上 show1/show2/show3 的类名，但是这样就表示要写很多css: show1,show2,show3 {display：block}，如果元素很多总不能一直加下去

回答

希望能帮到您

{{node.name}}

data(){

return {

activedNode:null

}

},

methods:{

clickNode(node){

this.activedNode && (this.activedNode.actived = undefined);

node.actived = !node.actived;

this.activedNode = node;

}

}

在获取数据后，循环为数组json的每一项添加属性，

例如 “seen”:”false”，

然后绑定到class里 三木运算

例如

然后利用参数index 来修改你所绑定的具体数据，改成true，就会添加类名，改回false就会移除类名

循环的时候加一个判断，在你需要加类名的时候加上就行了。

例如：