中国建设银行网站口,dw怎么做秋季运动会网站,合肥高新城建设计院网站,网站二级页面做哪些东西这里选择器的类型可以选择日月年和时间范围#xff0c;根据类型不同#xff0c;el-date-picker的面板也展示不同#xff0c;但是会出现el-date-picker错位#xff0c;或者面板位置和层级等问题。 源代码#xff1a; el-selectv-modeldateTypeplaceholder根据类型不同el-date-picker的面板也展示不同但是会出现el-date-picker错位或者面板位置和层级等问题。 源代码 el-selectv-modeldateTypeplaceholder请选择类型sizeminiclearablechangehandleDateTypeChangeel-option label日 valueday/el-optionel-option label月 valuemonth/el-optionel-option label年 valueyear/el-optionel-option label时间范围 valuerange/el-option/el-selectel-date-pickerv-modelselectedDate:typedatePickerType:placeholderdatePickerPlaceholdersizeministylemargin-right: 20px/el-date-pickerdateType: ,selectedDate: null,computed: {datePickerType() {switch (this.dateType) {case day:return date;case month:return month;case year:return year;case range:return daterange;default:return date;}},datePickerPlaceholder() {switch (this.dateType) {case day:return 选择日期;case month:return 选择月份;case year:return 选择年份;case range:return 选择时间范围;default:return 选择日期;}},},methods: {handleDateTypeChange() {// 清空之前选中的日期this.selectedDate null;},}
最简单的解决方法在el-date-picker中绑定一个key值:keydatePickerType el-date-pickerv-modelselectedDate:typedatePickerType:placeholderdatePickerPlaceholdersizeministylemargin-right: 20px:keydatePickerType/el-date-picker
以上几个样式问题就都可以解决了。
