elementplus 分步表单

Element Plus 是基于 Vue.js 的 UI 组件库 Vuetify 的升级版，它提供了丰富的、现代化的组件集，其中包括分步表单（Step Form）。分步表单，也称为 Wizard 或 Stacked Form，是一种将复杂表单划分为多个步骤的设计模式，用户按照预设的顺序逐步填写信息。

在 Element Plus 中，你可以使用 `el-form` 和 `step` 组件来创建分步表单。每个 `step` 包含一个单独的部分，通常包含 `el-form-item` 用于输入字段。`el-form` 元素配置了 `model` 和 `steps` 属性，`model` 是表单数据，`steps` 则是一个数组，定义了各个步骤的顺序。用户完成一个步骤后可以点击“下一步”按钮进入下一个步骤，直到所有步骤都完成后提交整个表单。

使用步骤如下：

1. 安装 Element Plus：在项目中安装并引入组件库。
2. 创建 `<el-form>` 根元素，并设置 `model` 和 `steps`。
3. 在 `steps` 数组里定义每个步骤的内容，通常会嵌套 `el-form` 和相关的表单项。
4. 设置 `active-index` 属性控制当前显示哪一步。
5. 添加导航按钮（如 "prev" 和 "next"）处理用户的前进和后退操作。
6. 当用户完成所有步骤并验证通过后，调用 `submit` 方法提交表单数据。