鍍金池/ 問答/HTML/ vue for循環(huán)點擊當(dāng)前,改變兄弟元素屬性(vue小白)

vue for循環(huán)點擊當(dāng)前,改變兄弟元素屬性(vue小白)

想用vue實現(xiàn)功能,列表是請求數(shù)據(jù)for循環(huán)渲染出來,點擊列表item中的按鈕,改變相鄰兄弟元素是否顯示,這種功能怎樣實現(xiàn),請教大神,幫忙出個思路

回答
編輯回答
妖妖

data中定義一個數(shù)組list,存儲所有itemindex之類的標(biāo)志性的東西。每個item點擊的時候觸發(fā)一個事件,并且以index作為參數(shù),然后在事件中處理這個index相鄰的index

2017年8月23日 01:45
編輯回答
不歸路

我來說說我的一個思路吧,for循環(huán)有一個key值,通過key判斷然后添加指定的class。

2018年4月17日 09:12
編輯回答
擱淺
<ul>
            <li v-show="selIndex+1!=index && selIndex-1!=index" v-for="(item, index) in list" :key="index">
                {{item}}<button @click="selIndex=index">登錄</button>
            </li>
        </ul>
 new Vue({
    el: '#app',
    data: {
 list: [1,2,3,4,5,6,7,8,9,10],
 selIndex: -99
    }
})
   僅提供一種思路哈
2017年3月6日 15:00