Element UI关于 input禁止编辑_el-input 不可编辑

方法1: 添加 readonly 属性

readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。

 <el-form-item label="部门" prop="departmentName">
      <el-input readonly v-model="formData.departmentName" style="width:50%" placeholder="请选择部门" @focus="hFocus" />
 </el-form-item>
 
1
2
3
4

方式2: v-model变为 :value

 <el-form-item label="部门" prop="departmentName">
      <el-input   :value="formData.departmentName" style="width:50%" placeholder="请选择部门" @focus="hFocus" />
 </el-form-item>
1
2
3