html:
<collapse class="collapse" @on-change="setName">
<panel name="1">
<span class="sx">顯示篩選:</span>
<p slot="content">
<span>行:</span>
<i-select v-model="building" @on-change="budingChange" class="building">
<i-option v-for="list in buildingList" :value="list.value" :key="list.value">
{{list.label}}</i-option>
</i-select>
<span>玩:</span>
<i-select v-model="floor" @on-change="floorChange" class="floor">
<i-option v-for="list in floorList" :value="list.value" :key="list.value">
{{list.label}}</i-option>
</i-select>
<span>住:</span>
<i-select v-model="type" @on-change="typeChange" class="type">
<i-option v-for="list in typeList" :value="list.value" :key="list.value">
{{list.label}}</i-option>
</i-select>
<span>衣:</span>
<i-select v-model="section" @on-change="sectionChange" class="section1">
<i-option v-for="list in sectionList" :value="list.value" :key="list.value">
{{list.label}}</i-option>
</i-select>
<span>食:</span>
<i-select v-model="lines" @on-change="linesChange" class="lines">
<i-option v-for="list in linesList" :value="list.value" :key="list.value">
{{list.label}}</i-option>
</i-select>
<i-button class="btn1" type="primary" @click="start">篩選</i-button>
<i-button class="btn2" type="ghost" @click="filterReset">重置</i-button>
</p>
</panel>
</collapse>
js:
拉取到数据后加入到select的list中去.
let level = [];
for( let i = 0; i<this.data1.length; i++){
level.push(this.data1[i]);
}
this.levelList.splice(0);
for(let i = 0; i<level.length; i++){
this.levelList.push({value:level[i].code,label:level[i].name})
}
},