1.數組結構如下filters: [
{ categories: ['電子商務', '互聯網醫療', '互聯網金融'], showFilter: false, title: '分類'
}, { categories: ['正在申購', '申購完成'], showFilter: false, title: '狀態'
}, { categories: ['杭州', '上海', '北京', '深圳', '廣州'], showFilter: false, title: '地區'
}
]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.我的需求:點擊每個li的時候,讓數組中每一個對象的title都變為對應的categories里面的文字4.遇到的問題:兩次v-for,在點擊li的時候,$index是categories的索引,而非對象在filters中的索引,那么如何才能知道對象在filters中的索引,并且將對應的category值賦值到對應的對象的title上呢?比如:this.filters[0].title = this.filters[0].categories[1]5.簡單的方法就是更改數據結構,幾個大分類單獨成為一個對象,但是感覺不太爽...
vue.js 多維數組索引值的處理
躍然一笑
2018-08-10 09:10:33