已解決430363個問題，去搜搜看，總會有你想問的

vue 中v-for循環出的list下的item 如何操作使被點擊的元素顯示或隱藏

首頁猿問 vue...

vue 中v-for循環出的list下的item 如何操作使被點擊的元素顯示或隱藏

JavaScript

慕姐4208626 2018-12-12 14:13:19

我用v-for循環出來的列表，我點擊哪個就讓哪個shareAnimate顯示出來，我操作shareAnimate會全部顯示,我該怎么做只顯示那個點擊的item<div class="article-list-item" v-for="(item,index) in list" @click="toArticleDetail(item)"> <div class="shareAnimate" v-show="shareAnimate"> <span>+{{item.point}}</span> </div></div>

查看完整描述

1 回答

慕容森

TA貢獻1853條經驗獲得超18個贊

思想應該是這樣的：

控制子元素的顯示與隱藏應該是在子元素的index標識上進行操作，用點擊的那個索引與子元素綁定的index進行對比，來判斷元素的顯示與隱藏

<div class="article-list-item" v-for="(item,index) in list" :key="index"

@click="toArticleDetail(index)">

<span>+{{item.point}}</span>

</div>

</template>

export default {

name: "test",

data() {

return {

activeIndex: -1 // 初始化點擊的索引值

};

methods: {

toArticleDetail(index) {

this.activeIndex = index;

}

</script>

1 反對回復 2019-01-21

1 回答
0 關注
5658 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

vue 中v-for循環出的list下的item 如何操作使被點擊的元素顯示或隱藏

vue 中v-for循環出的list下的item 如何操作使被點擊的元素顯示或隱藏

1 回答

添加回答