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

相关推荐
im_AMBER3 小时前
告别“玄学”UI:从“删代码碰运气”到“控制 BFC 结界”
前端·css
用户982450514183 小时前
vue3响应式解构注意
vue.js
不会敲代码13 小时前
🚀 从DOM操作到Vue3:一个Todo应用的思维革命
vue.js
千寻girling3 小时前
《 MongoDB 教程 》—— 不可多得的 MongoDB
前端·后端·面试
攀登的牵牛花3 小时前
前端向架构突围系列 - 状态数据设计 [8 - 3]:服务端状态与客户端状态的架构分离
前端
掘金安东尼3 小时前
⏰前端周刊第 452 期(2026年2月2日-2月8日)
前端·javascript·github
古茗前端团队3 小时前
业务方上压力了,前端仔速通RGB转CMYK
前端
广州华水科技3 小时前
单北斗变形监测一体机在基础设施安全与地质灾害监测中的应用价值分析
前端
Dragon Wu3 小时前
Electron Forge集成React Typescript完整步骤
前端·javascript·react.js·typescript·electron·reactjs
芳草萋萋鹦鹉洲哦3 小时前
【Tailwind】动画解读:Tailwind CSS Animation Examples
前端·css