vue2的DateTimePicker 日期时间选择器 被其他元素遮盖不能选择(非定位方法)

                                :key="datePickerKey"
                                append-to-body
                                :class="selectedTimyne === '时' ? 'el-date-pickerhover' : 'el-date-picker'"
                                :value="sjsjvalue"
                                :type="yndhfxDatePickerType"
                                :value-format="yndhfxDatePickerFormat"
                                :format="yndhfxDatePickerFormat"
                                :placeholder="selectedTimyne === '时' ? '选择时间' : '选择日期'"
                                @change="changeSjsjValue"
                                @input="val => handleYndhfxDateInput(val)"
                                @visible-change="fixDatePickerZIndex"
                            ></el-date-picker>

现在有个问题

当我定义了v-if在上面三元表达式 切换 时/天/月/年 的时候，会被if销毁，实例没有创建出来，这时候就通过定义ref来强制刷新试图

data(){
return {
  datePickerKey: 0,
}
},
methods(){
你的方法(){
this.datePickerKey++;
}
}