Vue之 el-select下拉框多选的使用

 效果如下：

 

 

name	select input 的 name 属性
value / v-model	绑定值	boolean / string / number
value-key	作为 value 唯一标识的键名，绑定值为对象类型时必填	string

     <el-form-item label="跟进销售" prop="saleId">
                <el-select  style="width: 100%;" filterable @change="changesaleId" v-model="agreeForm.saleId" placeholder="请选择销售">
                  <el-option v-for="(item,index) in roleSaleList" :label="item.username" :key="index" :value="item.id" />
                </el-select>
       </el-form-item>

data:{
 agreeForm: {
        saleId: '',
        designerId: ''
      },
      roleSaleList: [],
}
  methods: {    
changesaleId(val) {
      console.log(this.agreeForm.saleId, 'saleId');
      // if (val) {
      //   this.$set(this.agreeForm, this.agreeForm.saleId, this.username1);
      // } else {
      //   this.$set(this.agreeForm, this.agreeForm.saleId, '');
      // }
    },
}

数据结构

 关于默认选中对应的id赋值：

  var id=1022
this.agreeForm.saleId = id;