el-form-item 中的属性
时间: 2023-08-27 14:17:14 浏览: 233
`el-form-item` 组件有一些常用的属性,用于控制表单项的展示和校验。以下是一些常用的属性:
- `label`:表单项的标签文本。
- `prop`:表单项对应的数据字段名称,用于表单校验。
- `rules`:表单项的校验规则,可以是一个数组或对象。
- `error`:用于手动设置表单项的错误信息。
- `show-message`:是否显示校验错误信息,默认为 true。
- `label-width`:标签的宽度,可以是一个字符串或数字。
- `label-position`:标签的位置,可选值有 'left'、'right'、'top'。
- `required`:是否为必填项,默认为 false。
- `inline-message`:是否在同一行显示错误信息,默认为 false。
- `show-icon`:是否显示校验图标,默认为 false。
这些属性可以根据你的需要进行设置,以满足表单项的展示和校验要求。你可以根据上述属性说明进行配置,以适应你的具体情况。
相关问题
el-form-item中属性
el-form-item中的属性有label、label-width、prop、rules、required、show-message、error、error-message、show-rule、label-position、label-suffix、label-for、label-class、label-tooltip、content-class、size、min-width、max-width、min-height、max-height、style、class等。其中,label是el-form-item的标签名称;label-width是该el-form-item的label的宽度;prop是表单域 model 字段,在使用 validate、resetFields 方法的情况下,该属性是必填的;rules是校验规则,格式为数组,数组中的元素为对象;required是是否必填;show-message是是否显示校验错误信息;error是是否校验失败;error-message是校验失败的错误信息;show-rule是在校验失败时,是否显示校验规则的提示;label-position是控制整个表单的label的位置;label-suffix是标签后缀;label-for是为 label 绑定 id,如果没有则默认获取到的元素是第一个子元素;label-class是自定义 label 的 class 名称;label-tooltip是 label 的 tooltip 提示信息;content-class是表单域的样式类名;size是表单字段大小,可选值为 medium、small、mini;min-width和max-width是设置最小和最大宽度;min-height和max-height是设置最小和最大高度;style是设置自定义的样式;class是设置自定义的class名称。
<el-form-item label="图书名称">{{ goods.name }}</el-form-item> <el-form-item label="图书编码"><span>{{ goods.code }}</span></el-form-item> <el-form-item label="图书描述">{{ goods.descpription }}</el-form-item> <el-form-item label="图书价格"><span style="color: red">{{ goods.price }}/{{ goods.unit }}</span></el-form-item> <el-form-item label="图书库存"><span>{{ goods.nums }}</span></el-form-item> <el-form-item label="出版日期"><span>{{ goods.date }}</span></el-form-item> <el-form-item label="出版社"><span>{{ goods.publisher }}</span></el-form-item> <el-form-item label="作者"><span>{{ goods.author }}</span></el-form-item> 解释一下
这是一个 Vue.js 的代码片段,它定义了一个表单,其中包含了一些描述图书属性的表单项。
- 第一个表单项是“图书名称”,它的值为 goods.name。
- 第二个表单项是“图书编码”,它的值为 goods.code。
- 第三个表单项是“图书描述”,它的值为 goods.descpription。
- 第四个表单项是“图书价格”,它的值为 goods.price 和 goods.unit,用红色字体显示。
- 第五个表单项是“图书库存”,它的值为 goods.nums。
- 第六个表单项是“出版日期”,它的值为 goods.date。
- 第七个表单项是“出版社”,它的值为 goods.publisher。
- 第八个表单项是“作者”,它的值为 goods.author。
这个表单可以用于展示某个图书的详细信息,并且允许用户对其中的某些属性进行编辑。
阅读全文