js控制van-step样式隐藏中间，只显示三个

你可以使用JavaScript来控制van-step的样式，实现隐藏中间步骤只显示前三个步骤的效果。具体方法如下：

1. 给每个步骤添加一个唯一的标识符，例如`step-1`、`step-2`、`step-3`等。

<template>
  <van-steps>
    <van-step class="step-1">步骤一</van-step>
    <van-step class="step-2">步骤二</van-step>
    <van-step class="step-3">步骤三</van-step>
    <van-step class="step-4">步骤四</van-step>
    <van-step class="step-5">步骤五</van-step>
  </van-steps>
</template>

2. 使用JavaScript来获取所有步骤的数量，并将中间的步骤的样式设置为`display: none`。

mounted() {
  // 获取所有步骤
  const steps = document.querySelectorAll('.van-step');
  // 获取步骤数量
  const stepCount = steps.length;
  // 隐藏中间的步骤
  for (let i = 0; i < stepCount; i++) {
    if (i < 1 || i > 2) {
      steps[i].style.display = 'none';
    }
  }
}

在上面的示例中，我们使用JavaScript的`querySelectorAll`方法获取所有步骤，然后使用`for`循环遍历所有步骤并通过判断步骤的索引来隐藏中间的步骤。其中，`steps[i].style.display = 'none'`表示将第`i`个步骤隐藏起来。由于我们只想显示前三个步骤，因此只显示第1个和第2个步骤，其他步骤均被隐藏。

当你需要显示下一个步骤时，只需要将当前步骤的样式设置为`display: none`，并将下一个步骤的样式设置为`display: block`或`display: inline`即可。