Element UI关于 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>
 

方式2: v-model变为 :value

在这里插入图片描述

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