element plus的el-form-item怎么设置为不可输入，显示固定值

您可以通过设置 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，以禁用该元素。

相关问题

element plus的el-form-item有没有只显示不输入的控件

可以通过设置el-form-item的disabled属性来实现只显示不输入的控件。具体做法是在el-form-item标签中添加 disabled 属性，并将其设置为 true 即可。这样el-form-item中的控件就不能被编辑，只能显示其值。

element-plus el-form

Element Plus 是一套基于 Vue.js 的组件库，而 el-form 是 Element Plus 中的一个表单组件。el-form 提供了一套灵活且强大的表单验证机制，可以快速地构建各种类型的表单。它支持自定义验证规则、表单布局配置、表单项的增删改查等功能，同时也提供了丰富的表单项类型（如输入框、复选框、下拉框等）以及预设的表单布局（如行内表单、网格布局等）。通过结合 Element Plus 的其他组件，el-form 可以在 Vue.js 项目中轻松地创建出美观且交互友好的表单页面。