<divclass="flex_row taskSort"><divv-for="(item,index) in selectList"class="sortSel"><divclass=""@click="openSelect(index)"><span>{{item.title}}</span><spanclass="zkicon"></span></div><ulclass=""v-show="selectShow[index]"><liv-for="(item2,index2) in item.list"@click="selectItem(index,index2)">{{item2.value}}</li></ul></div></div>
var vue =newVue({
el:"#app",
data:{
selectList:[{
list:[],
title:"默认排序"},{
list:[],
title:"最新发布"},{
list:[],
title:"佣金最高"}],
selectShow:[],},
created:function(){this.initSelect();},
methods:{
initSelect:function(){for(var i =0; i <this.selectList.length; i +=1){this.selectShow[i]=falsefor(var j =0; j <3; j +=1){this.selectList[i].list[j]={}this.selectList[i].list[j].name ="测试"this.selectList[i].list[j].value = j
}}},
selectItem:function(i, j){this.selectList[i].title =this.selectList[i].list[j].value
this.openSelect(i);},
openSelect:function(i){if(this.selectShow[i]){for(var i =0; i <this.selectShow.length; i +=1){this.$set(this.selectShow, i,false)}}else{this.$set(this.selectShow, i,true)}},}})