el-input 禁止修改

若想禁止修改el-input组件，可以使用属性:readonly或:disabled进行设置。其中，属性:readonly可以让输入框只读，用户无法修改其内容，但仍可以选中或复制文本。而属性:disabled可以使输入框变成不可编辑状态，用户既无法修改内容，也无法选中或复制文本。

如果你使用的是element-ui库的el-input组件，在代码中可以通过设置属性:readonly="true" 或 :disabled="true" 来禁止修改el-input组件。例如：<el-input :readonly="true" /> 或 <el-input :disabled="true" /> 。

需要注意的是，属性disabled的值应为一个布尔值（Boolean），而不是字符串。如果将其设置为字符串"true"，将会出现错误提示："invalid prop: type checked failed for prop 'disabled'. Expected Boolean, got String with value 'true'".<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Html5页面上如何禁止手机虚拟键盘弹出](https://download.csdn.net/download/weixin_38698863/13134515)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue中的el-input设置灰显不可编辑](https://blog.csdn.net/dxjren/article/details/127899136)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]