el-steps 没有 title-position

您说的没错，`el-steps` 没有 `title-position` 属性。不过，您可以使用 `el-step` 的 `slot` 来实现标题显示在左侧的效果。

以下是示例代码：

<template>
  <el-steps :active="activeStep" space="100px">
    <el-step v-for="(item, index) in steps" :key="index">
      <template #title>
        <div class="step-title">{{ item.title }}</div>
      </template>
      {{ item.content }}
    </el-step>
  </el-steps>
</template>

<script>
export default {
  data() {
    return {
      activeStep: 0,
      steps: [
        {
          title: '步骤 1',
          content: '这里是步骤 1 的内容',
        },
        {
          title: '步骤 2',
          content: '这里是步骤 2 的内容',
        },
        {
          title: '步骤 3',
          content: '这里是步骤 3 的内容',
        },
      ],
    };
  },
};
</script>

<style>
.step-title {
  font-weight: bold;
  margin-right: 20px;
  display: inline-block;
  width: 100px;
  text-align: right;
}
</style>

在上面的代码中，我们使用了 `el-steps` 和 `el-step` 组件来创建步骤条，使用了 `slot` 来自定义标题的显示方式。在 `el-step` 中，我们使用了 `template` 标签来定义标题的模板，并在模板中使用了 `div` 标签来包裹标题。在样式中，我们使用了 `display: inline-block` 和 `width: 100px` 来让标题显示在左侧，使用了 `margin-right: 20px` 和 `text-align: right` 来对齐标题和内容。