elementui参数
Element UI 常用参数详解
Element UI 是基于 Vue.js 的组件库，广泛用于中后台系统开发。以下分类介绍核心组件的关键参数：
表单组件参数
el-form 的 model 绑定表单数据对象，rules 定义校验规则，label-width 设置标签宽度。inline 属性控制行内表单模式。
el-form-item 的 prop 需与 model 键名对应，label 设置标签文本。required 标记必填项，rules 可单独定义校验规则。
表格组件参数
el-table 的 data 绑定表格数据源，border 添加边框，stripe 启用斑马纹。height 固定表格高度，支持自适应。
el-table-column 的 prop 对应数据字段，label 设置列标题。width 定义列宽，sortable 启用排序，formatter 自定义内容格式化。
对话框参数
el-dialog 的 visible.sync 控制显示状态，title 设置标题文本。width 调整宽度百分比，fullscreen 启用全屏模式。
before-close 可拦截关闭事件，close-on-click-modal 控制点击遮罩层关闭。
消息提示参数
ElMessage 的 message 设置提示内容，type 定义类型（success/warning/info/error）。duration 控制显示时长，showClose 显示关闭按钮。
offset 调整距视口顶部的偏移量，customClass 添加自定义类名。
导航菜单参数
el-menu 的 mode 设置模式（horizontal/vertical），background-color 定义背景色。default-active 指定默认激活项。
el-menu-item 的 index 需唯一标识，route 绑定路由对象。disabled 禁用菜单项。
分页参数
el-pagination 的 total 设置总条数，page-size 控制每页数量。current-page 绑定当前页码，page-sizes 定义可选每页条数数组。
layout 自定义布局元素顺序，background 启用背景色。
上传组件参数
el-upload 的 action 设置上传地址，multiple 允许多选。accept 限制文件类型，auto-upload 控制自动上传。
before-upload 上传前钩子函数，limit 限制上传数量。file-list 绑定已上传文件列表。
级联选择参数
el-cascader 的 options 绑定级联数据，props 配置数据字段映射。show-all-levels 控制是否显示完整路径。
filterable 启用搜索功能，clearable 显示清空按钮。separator 自定义分隔符。
代码示例
表单校验规则配置：
rules: {
username: [
{ required: true, message: '请输入用户名', trigger: 'blur' },
{ min: 3, max: 10, message: '长度在3到10个字符', trigger: 'blur' }
]
}表格列格式化示例：
{
prop: 'status',
formatter: (row) => {
return row.status === 1 ? '启用' : '停用'
}
}以上参数可根据实际需求组合使用，Element UI 文档提供完整的参数列表和示例。开发时建议通过 Vue Devtools 实时观察组件 prop 的变化情况。
