w3c验证网站,用vs2010做的网站的源码,宁波seo的公司联系方式,vs做网站开发问题1#xff1a;在全屏后 日期选择器的下拉框无法显示。 解决#xff1a;在Ant-Design-Vue的文档中#xff0c;很多含下拉框的组件都有一个属性 getPopupContainer可以用来指定弹出层的挂载节点。 在该组件上加上 getPopupContainer 属性,给挂载到最外层盒子上。
temp…问题1在全屏后 日期选择器的下拉框无法显示。 解决在Ant-Design-Vue的文档中很多含下拉框的组件都有一个属性 getPopupContainer可以用来指定弹出层的挂载节点。 在该组件上加上 getPopupContainer 属性,给挂载到最外层盒子上。
templatediv classcontainer_max...时间筛选RangePicker v-model:valuestate.timeValue pickermonth classrange-picker:get-popup-containergetPopupContainer /.../div
/templatescript setup langts
// 获取弹窗容器
const getPopupContainer (): any {return document.querySelector(.container_max) as HTMLElement;
};
/script问题2全屏能正常显示了但是非全屏时样式又错乱了。
上图为全屏状态下图为非全屏状态位置跑偏了 解决另外添加一个元素我这里随便取的类名classcc让该下拉组件挂载到.cc盒子上给cc设置绝对定位调整位置使得下拉框刚好能对上。
templatediv classwindow时间筛选RangePicker v-model:valuestate.timeValue pickermonth classrange-picker:get-popup-containergetPopupContainer /a-button classreset clickresetKeyUndoOutlined /重置/a-buttona-button classse clickonSearchSearchOutlined /搜索/a-buttona-button classcc/a-button/div
/template
script setup langts
// 获取弹窗容器
const getPopupContainer (): any {// 判断是否全屏,返回不同的容器if (document.fullscreenElement ! null) {return document.querySelector(.window) as HTMLElement;} else {return document.querySelector(.cc) as HTMLElement;}
};
/script
style langless scoped.cc {position: absolute;margin-top: 1030px;margin-left: 540px;}
/style
小屏效果图
