现在我要实现的是el-slider显示的是最大值，但是还有一条竖线显示的当前值范围是当前el-slider的范围

在Element UI的el-slider组件中，如果你想要实现一个滑块的最大值始终可见，并且有一个竖线动态表示当前值所处的范围，你可以这样做：

1. 首先，在初始化el-slider时，设置`value`属性为0，`max`属性为你需要的最大值，这样滑块默认会显示最大值。

<el-slider v-model="sliderValue" :max="maxValue" @change="onSliderChange"></el-slider>

2. 定义一个数据属性`sliderValue`来存储当前滑动的位置，以及`maxValue`作为最大值。

data() {
  return {
    sliderValue: 0,
    maxValue: 100, // 可以根据实际需求调整
  };
},

3. 创建一个方法`onSliderChange`，当滑块值改变时更新相应的范围信息。例如：

methods: {
  onSliderChange(value) {
    this.currentRange = `${value}-${this.maxValue}`;
  },
},

4. 如果你想在页面上实时显示这个范围信息，可以在视图层添加一个span或其他元素：

<span>{{ currentRange }}</span>

5. 当`onSliderChange`被触发时，这个span的内容就会自动更新为当前值到最大值之间的范围。

至于竖线的问题，Element UI的el-slider本身并不直接提供这样的功能，但你可以通过CSS自定义样式模拟，比如在sliderValue旁边添加一条与之相关的伪元素。