el-form-item中属性
时间: 2023-12-06 15:32:39 浏览: 84
Vue中el-form标签中的自定义el-select下拉框标签功能
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名称。
阅读全文