问题:界面上使用el-date-picker切换数据类型时,导致弹出面板显示不全或者样式出错
示例图片:
解决方法:
添加v-if='showDatePicker'
第一步:定义一个showDatePicker: true;
第二步:在使用el-date-picker加上v-if
<el-date-picker v-if='showDatePicker' style="margin-left: 8px" size="small" v-model=dateValue" :type="dateType" placeholder="请选择时间"></el-date-picker>
第三步:切换事件添加
changeDate(value) {
this.showDatePicker = false;
this.$nextTick(() => {
this.showDatePicker = true;
});
}