vue 循环点击显示_vue for循环渲染 点击事件

慕仰0522570

没太看明白你的需求，大概猜测是想做到 当前和其他不一样，比如当前展示，其他都隐藏的效果？如果是这样，那么你需要 维护一个curIndex变量，标识点击的是谁，每次点击把当前index赋值给curIndex，模板里通过判断curIndex和index是否相等来达到目的，大概demo如下：这里通过切换一个className来做例子//html

{{item}}{{index}}

// jsexportdefault{data(){return{

curIndex:0,

list:['a','b','c']

}

},

methods:{

handleClick(p){this.curIndex=p;

},

},

}