1.數(shù)組結(jié)構(gòu)如下filters: [
{ categories: ['電子商務(wù)', '互聯(lián)網(wǎng)醫(yī)療', '互聯(lián)網(wǎng)金融'], showFilter: false, title: '分類'
}, { categories: ['正在申購', '申購?fù)瓿?#39;], showFilter: false, title: '狀態(tài)'
}, { categories: ['杭州', '上海', '北京', '深圳', '廣州'], showFilter: false, title: '地區(qū)'
}
]2.template如下<div class="filter fl" track-by="$index" v-for="filter in filters">
<div class="filter-title" @click="toggleFilter($index)">
<h3>{{filter.title}}</h3>
</div>
<ul class="filter-list" transition="scaley" v-show="filter.showFilter">
<li class="hairline-bottom" @click="changeFilter($index)" v-for="category in filter.categories">{{category}}</li>
</ul></div>3.我的需求:點(diǎn)擊每個li的時候,讓數(shù)組中每一個對象的title都變?yōu)閷?yīng)的categories里面的文字4.遇到的問題:兩次v-for,在點(diǎn)擊li的時候,$index是categories的索引,而非對象在filters中的索引,那么如何才能知道對象在filters中的索引,并且將對應(yīng)的category值賦值到對應(yīng)的對象的title上呢?比如:this.filters[0].title = this.filters[0].categories[1]5.簡單的方法就是更改數(shù)據(jù)結(jié)構(gòu),幾個大分類單獨(dú)成為一個對象,但是感覺不太爽...
vue.js 多維數(shù)組索引值的處理
躍然一笑
2018-08-10 09:10:33