vue年限上下滑动选择

Vue 年限上下滑动选择通常指的是在 Vue.js 应用中使用插件或自定义组件实现的一个日期范围选择器，用户可以通过拖动滑块的方式选取特定时间段内的年份。这类组件常见于需要选择起止时间点的场景，例如项目开始结束时间、用户注册日期等。

一种常见的库是 vant UI，它有一个名为 vant-picker 的组件，其中就包含一个可以选择年份的 RangePicker 组件，支持左右滑动选择年份。另一个例子是 element-plus 提供的 el-date-picker 组件，也可以通过配置实现类似功能。

使用这类组件的一般步骤包括安装依赖、在模板中引入并配置组件，以及可能的话处理用户的输入事件。下面是一个简单的示例：

<template>
  <el-date-picker
    v-model="value"
    type="daterange"
    range-separator="至"
    start-placeholder="开始年份"
    end-placeholder="结束年份"
    :picker-options="{ years: Array.from({ length: 40 }, (_, i) => i + 1970) }"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      value: ['', ''],
    };
  },
};
</script>