element plus的el-form-item怎么设置为不可输入,显示固定值
时间: 2023-06-09 21:03:06 浏览: 1775
Vue ~ element-ui 动态表单验证,支持添加和删除操作
5星 · 资源好评率100%
您可以通过设置 el-form-item 的 prop 属性为 disabled 来禁用该元素。同时,您可以使用 el-input 控件并设置其属性为 readOnly 和 disabled,以便在输入框中显示某个固定值并禁止用户编辑。以下是示例代码:
```
<template>
<el-form>
<el-form-item label="固定值">
<el-input value="固定值" disabled readonly></el-input>
</el-form-item>
</el-form>
</template>
```
在上述示例中,el-input 控件被禁用并设置为只读,以便在输入框中显示某个固定值。同时,el-form-item 的 prop 属性设置为 disabled,以禁用该元素。
阅读全文