需求:年份选择组件(代码附在最后)
公司的很多项目需要使用年份选择功能,之前用的是select,感觉不是很合理,那我决定手撸一个YearPicker,
先看图效果图
功能
1,支持深浅两种配色,
2,默认禁用今年以后的年份(可配置)
使用
import YearPicker from './YearPicker'
components: {
YearPicker
},
关键点:v-model
其实v-model只是:value 和@input的语法糖
所以我们在YearPicker组件里面emit一个input事件即可
chooseYear(year) {
if (year > this.yearDis) return
this.showYearContent = false
this.year = year + '年'
this.$emit('input', year)
},
最后奉上详细代码,有问题可以给我留言(记得留颗小星星)
https://github.com/wjune211/w-lib