有一个select条件选择框 选择框 根据条件控制 date-picker,第一个选择时间后,切换select,选择第二个,此时弹窗位置 定位到 top:0,left:0 代码如下: <img width="710" alt="Image" src="https://github.com/user-attachments/assets/a7ddfdd9-ed45-4c24-8cac-93703d51c9b6" /> ` <template> <el-form :model="conditionForm"> <div style="display: flex; width: 100vw;height: 100vh;align-items: center; justify-content: center;"> <el-select v-model="conditionForm.nextButShowType" placeholder="条件选择框" size="mini"> <el-option v-for="d in [{ label: 1, value: 1 }, { label: 2, value: 2 }]" :label="d.label" :value="d.value"> </el-option> </el-select> <el-form-item v-if="conditionForm.nextButShowType === 1"> <el-date-picker v-model="conditionForm.currentTime" type="datetime" size="small" default-time="00:00:00" placeholder="选择日期" value-format="timestamp"> </el-date-picker> </el-form-item> <el-form-item v-if="conditionForm.nextButShowType === 2"> <el-date-picker v-model="conditionForm.timerRange" size="small" type="datetimerange" :default-time="['00:00:00', '23:59:59']" start-placeholder="开始日期" end-placeholder="结束日期" value-format="timestamp"> </el-date-picker> </el-form-item> </div> </el-form> </template> <script> export default { data() { return { conditionForm: { nextButShowType: '', currentTime: null, timerRange: null } } }, methods: {} } </script> `