Vue3 Element Plus自定义年份区间选择组件

环境：

"dependencies": {
    "@rollup/plugin-alias": "^3.1.9",
    "@types/node": "^17.0.43",
    "element-plus": "^2.2.15",
    "three": "^0.148.0",
    "vue": "^3.2.25",
    "vue-router": "^4.0.16"
  },
  "devDependencies": {
    "typescript": "^4.5.4",
    "vite": "^2.9.9",
    "vite-plugin-vue-setup-extend": "^0.4.0",
    "vue-tsc": "^0.34.7"
  }

效果：（按照element操作方式来写的，颜色自定义的）

组件代码：（composition API的方式）

   


   
  ​

外部调用：

这个是vue2升级上来的，修复了输入的逻辑问题，添加了有效年份区间（区间外的禁止选择，禁止输入），优化了点击关闭页面的逻辑：

vue2版本电梯：http://t.csdnimg.cn/ngmgL