el-step结合el-form

el-step和el-form是Element UI（饿了么团队开发的一套基于Vue.js的组库）中的两个组件。el是一个用于展示步骤流程的组件，el-form是一个用于表单的组件。

要将el-step与el-form结合使用，通常的做法是将el-step用作表单的导航，而el-form则包含实际的表单内容。以下是一个简单示例：

<template>
  <div>
    <el-steps :active="currentStep">
      <el-step title="Step 1"></el-step>
      <el-step title="Step 2"></el-step>
      <el-step title="Step 3"></el-step>
    </el-steps>

    <el-form v-show="currentStep === 1">
      <!-- Step 1 的表单内容 -->
      <!-- 可以在 el-form 内部放置各种表单项，比如输入框、下拉框等 -->
    </el-form>

    <el-form v-show="currentStep === 2">
      <!-- Step 2 的表单内容 -->
    </el-form>

    <el-form v-show="currentStep === 3">
      <!-- Step 3 的表单内容 -->
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentStep: 1, // 当前步骤
    };
  },
};
</script>

在这个示例中，我们使用了el-steps组件来展示步骤流程，每个步骤使用el-step组件表示。el-form根据当前步骤的值进行显示与隐藏，可以在每个el-form中放置相应步骤的表单内容。

注意，这只是一个基本示例，实际使用时还需要根据业务需求进行具体的表单验证、提交等操作。