element的select选择器数据回显

话不多说，直接上代码：

		<el-form-item label="所属企业：" class="width-12">
          <el-select
            v-model="basicInfo.unitId"
            filterable
            remote
            clearable
            reserve-keyword
            placeholder="请输入关键字"
            :remote-method="selectUnit"
            @change="change"            
            @clear="clearUnit"
          >
            <el-option
              v-for="item in selectOption"
              :key="item.unitId"
              :label="item.unitName"
              :value="item.unitId"
            ></el-option>
          </el-select>
        </el-form-item>

根据需求，我的修改和新增页面是同一个，在修改的时候就需要将数据回显到页面。
1、拿到需要回显的数据
2、将数据放到选项electOption数组中
// 车辆所属单位(远程搜索)

   this.selectOption=[]
     this.selectOption.push({
      unitName: val.unitName,
      unitId: val.unitId
    });

3、将值传递input框内
.basicInfo.unitId = this.selectOption[0].unitId;
值得注意的是：选择器有个坑
:key="item.unitId"，绑定的这个key一定要是item里面的某一键值对，不然会回显失败。