el-slider怎么实现0-1变化且在showinput里显示0-1数值

el-slider是Element UI库中的滑块组件，用于在用户界面中创建一个可以拖动的范围选择器。要实现在0到1的变化，并在`show-input`属性中显示当前值，你可以按照以下步骤配置：

1. 首先，在HTML中引入Element UI库并添加`el-slider`组件：

<template>
  <el-slider v-model="sliderValue" :min="0" :max="1" show-input></el-slider>
</template>

2. 然后，在Vue实例的data选项中定义`sliderValue`变量：

export default {
  data() {
    return {
      sliderValue: 0, // 初始值设为0
    };
  },
  //...
}

3. `v-model`指令将`sliderValue`绑定到滑块的值，`:min`和`:max`分别设置滑块的最小值和最大值。

4. 当用户在滑块上移动时，`sliderValue`会自动更新，`show-input`属性会让滑块下方显示当前值。

如果你需要自定义显示的精度或者其他样式，还可以通过`precision`属性控制小数点后的位数，以及使用`format`属性提供一个函数来格式化显示的数值。

<el-slider v-model="sliderValue" :min="0" :max="1" show-input :precision="2" @change="handleSliderChange"></el-slider>

其中，`@change`事件监听器`handleSliderChange`可以获取到每次滑动后的新值。