vue显示框只读的两种方法:
1)disabled=“disabled”:此方法可使输入框变灰色
<el-form-item label="ID" prop="id">
<el-input v-model="editKpiForm.id" disabled="disabled"></el-input>
</el-form-item>
样式:
2) readonly=“readonly”
此属性用于输入字段为只读,可防止用户对值进行修改,但仍可选中对话框文字。
<el-form-item label="KPI Name" prop="kpiName">
<el-input v-model="editKpiForm.kpiName" readonly></el-input>
</el-form-item>
样式:光标点击是不显示光标的!
对比图: