记录element-ui的select动态加载

849 阅读1分钟
<el-button type="primary" @click="onAdd">新增</el-button>
<el-form
  v-for="(it, idx) in addList"
  :key="idx"
  >
 <el-form-item label="选择产品:>
   <el-select v-model="it.id" clearable>
     <el-option
      v-for="(item, index) in list"
      :key="index"
      :label="item.name"
      :value="item.sku"
      >
      </el-option>
    </el-select>
  </el-form-item>
  <el-form-item label="库存">
    <el-input
      type="number"
      placeholder="请输入库存量"
      v-model="it.inputValue"
    >
    </el-input>
  </el-form-item>
</el-form>
data(){
  return {
    addList:[{id: null,inputValue: ""}],
    inputValue:'',
    list:[{name:'jack',sku:'rest'},{name:'linda',sku:'ret'}]
  }
}
methods:{
  onAdd(){
     this.addList.push({id: null,inputValue: this.inputValue})
   }
}