vue 给ProcessSteps追加show的一列

如果您使用的是 Ant Design Vue 的 Process Steps 组件，可以通过在 `Steps` 组件中添加 `slot` 来自定义每个步骤的内容，然后在 `slot` 中添加一个 `div` 元素，设置其样式为 `display: flex`，并在其中添加一个 `span` 元素用来显示步骤名称，再添加一个 `span` 元素用来显示步骤的状态。

下面是一个示例代码：

<template>
  <a-steps :current="current">
    <a-step v-for="(item, index) in steps" :key="index" :title="item.title">
      <div slot="description" style="display: flex">
        <span>{{ item.title }}</span>
        <span v-if="item.show" style="color: green; margin-left: 10px">已完成</span>
      </div>
    </a-step>
  </a-steps>
</template>

<script>
export default {
  data() {
    return {
      current: 0,
      steps: [
        { title: "步骤1", show: true },
        { title: "步骤2", show: false },
        { title: "步骤3", show: false }
      ]
    };
  }
};
</script>

在上述示例代码中，我们为每个步骤添加了一个 `show` 属性，用来表示该步骤是否已完成。如果该步骤已完成，就在步骤状态栏中添加一个绿色的“已完成”字样。