Select下拉选择器动态加载数据

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})
              }
          },