element-ui之表单

最新推荐文章于 2025-08-25 20:31:26 发布

原创最新推荐文章于 2025-08-25 20:31:26 发布 · 775 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

vue 专栏收录该内容

31 篇文章

订阅专栏

本文详细介绍了Vue.js中的el-form组件，它用于创建交互式的表单，包括输入框、选择器等控件，用于数据收集、校验和提交。el-form的属性如rules和model分别用于定义验证规则和绑定数据对象。同时，el-form-item的prop属性是必填的，用于指定表单域对应的model字段，而label则定义了标签文本。

1、简介

el-form用于处理交互，由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据

2、常用属性

参数	说明	类型
rules	表单验证规则	object
model	表单数据对象	object

表单项属性，即el-form-item

参数	说明	类型
prop	表单域 model 字段，在使用 validate、resetFields 方法的情况下，该属性是必填的	string
label	标签文本	string