小记,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,把下拉面板挂到触发器的父节点,从而随组件滚动,不再相对屏幕固定

相关推荐
CainChen4 小时前
Chrome 远程调试 Android 卡在 Pending authentication 的解决办法
前端
杨运交4 小时前
[030][Web模块]Spring Boot 验证与 OpenAPI 集成实战:从校验规则到文档生成
前端·spring boot·python
天le4 小时前
基于cocos3.x复刻《猪了个猪》挪了个船:位置生成实现
前端
青木_JS4 小时前
qiankun 子应用重开后仍显示旧数据?问题出在模块顶层的 useStore()
前端
货拉拉技术4 小时前
面向 Agent Skill 的 CLI/SSO 鉴权体系:安全、无感、可追溯
前端·agent
ssshooter4 小时前
为什么父元素的高度不会包含子元素的 margin?
前端·javascript·面试
静Yu4 小时前
从一个九宫格素材小程序,看轻量工具产品该如何优化体验
前端·微信小程序
程序员黑豆5 小时前
AI全栈开发之Java:第一个Java程序
前端·后端·ai编程
小Q的编程笔记5 小时前
Pump.fun 的核心是什么?用 300 行 Solidity 实现 Bonding Curve 与自动 LP 销毁
前端·后端·智能合约
卷帘依旧5 小时前
React Fiber机制
前端