elementui input区间

Element UI 中的 Input 组件不直接支持输入区间的功能。然而，你可以通过自定义组件或结合其他 Element UI 的组件来实现输入区间的效果。

一种常见的做法是使用两个 Input 组件来表示输入区间的上下限。你可以将它们放在同一个容器内，并使用一些样式来让它们看起来像一个输入区间。然后，在处理用户输入时，你可以分别获取这两个输入框的值，并进行相应的逻辑处理。

例如，你可以使用以下示例代码来创建一个简单的输入区间组件：

<template>
  <div class="input-range">
    <el-input v-model="minValue" placeholder="最小值"></el-input>
    <span class="separator">~</span>
    <el-input v-model="maxValue" placeholder="最大值"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      minValue: '',
      maxValue: ''
    };
  },
  watch: {
    minValue(newValue) {
      // 处理最小值变化的逻辑
    },
    maxValue(newValue) {
      // 处理最大值变化的逻辑
    }
  }
};
</script>

<style scoped>
.input-range {
  display: flex;
  align-items: center;
}

.separator {
  margin: 0 10px;
}
</style>

你可以根据自己的需求进行进一步的定制和样式调整。希望这个示例能对你有所帮助！