TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超4個(gè)贊
你應(yīng)該也去維護(hù)一個(gè)數(shù)組類似：
let isShowArr = [false,false,false];
當(dāng)點(diǎn)擊其中一個(gè)li使找到他的索引，并將isShowArr中的對(duì)應(yīng)索引的值取反就可以了
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超6個(gè)贊
沒(méi)太看明白你的需求，大概猜測(cè)是想做到 當(dāng)前和其他不一樣，比如當(dāng)前展示，其他都隱藏的效果？
如果是這樣，那么你需要 維護(hù)一個(gè)curIndex變量，標(biāo)識(shí)點(diǎn)擊的是誰(shuí)，每次點(diǎn)擊把當(dāng)前index賦值給curIndex，模板里通過(guò)判斷curIndex和index是否相等來(lái)達(dá)到目的，大概demo如下：
這里通過(guò)切換一個(gè)className來(lái)做例子
// html<template>
<ul>
<li v-for="(item ,index) in list" :key="index" @click="handleClick(index)">
<span :class="{active: index === curIndex}">{{item}}</span> {{index}} </li>
</ul></template>// js
export default { data(){ return {
curIndex: 0,
list: ['a','b','c']
}
},
methods: {
handleClick(p) { this.curIndex = p;
},
},
}舉報(bào)