elementui el-form 的一些使用心得

1.根据条件让表单某一项禁用

在控件行内添加

:disabled="editFlag"

在data里定义editFlag   是true或者false

2.一个下拉选选中数据后   其他输入框的数据连带出来

数据都会在下拉列表接口中返回

<el-select filterable v-model="interfaceExternal.surportM" placeholder="请选择" @change="changeValue">
  <el-option
    v-for="item in surportM_list"
    :key="item.contactId"
    :label="item.contactName"
    :value="item.contactId"
    >
  </el-option>
</el-select>

//  surportM_list  接口返回数据

点击事件changeValue

changeValue(value){
  let obj = {};
  obj = this.surportM_list.find((item) => {
    return item.contactId === value
  })
  this.interfaceExternal.mobile = obj.mobile;
  this.interfaceExternal.email = obj.email;
  this.interfaceExternal.phone = obj.telephone;
}