小记,antd design vue的下拉选择框,选项部分不跟着滑动走,固定在屏幕某个部位,来改

<a-select v-model:value="selectedtypevalue" placeholder="选择类型" class="select-full" :getPopupContainer="getPopupContainer">

<a-select-option v-for="p in typevalues" :key="p.id" :value="p.id">{{ p.name }}</a-select-option>

</a-select>

加个函数

const getPopupContainer = (triggerNode) => {

try {

return (triggerNode && triggerNode.parentElement) ? triggerNode.parentElement : document.body;

} catch (e) {

return document.body;

}

};

原因呢 ,使用 getPopupContainer,把下拉面板挂到触发器的父节点,从而随组件滚动,不再相对屏幕固定

相关推荐
芦柑4644 分钟前
画布和3D导演台工具:短剧分镜从素材整理到空间预演的完整链路
服务器·前端·数据库
Blockchina16 分钟前
Codex安全盲区:我用4组本地测试复盘SQLi、XSS、越权与路径穿越
sql·安全·xss
李蚊子17 分钟前
从代理提醒到真实响铃:懒熊闹钟的鸿蒙开发实践
前端·harmonyos
IT_陈寒24 分钟前
Redis的Lua脚本居然把我的集群搞崩了!
前端·人工智能·后端
计算机魔术师29 分钟前
索尼与华纳起诉Anthropic,指控其大规模盗用版权音乐训练Claude
前端
恋猫de小郭33 分钟前
AI 时代,一个优化 Flutter 的重复代码工具 Deslop
android·前端·flutter
穗余34 分钟前
Typescript let和var区别
前端·javascript·typescript
晓得迷路了39 分钟前
栗子前端技术周刊第 144 期 - Rspack 2.2、pnpm 12、Solid 2.0 RC...
前端·javascript·css
YHHLAI44 分钟前
前端路由与浏览器历史:从多页应用到单页应用的演进
前端