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

相关推荐
姓王者11 小时前
Cloudflare Pages自定义依赖安装实践 | 姓王者的博客
前端
spmcor11 小时前
前端 RBAC 权限控制实战:从零实现动态路由与细粒度按钮权限
vue.js
stringwu11 小时前
Flutter 开发的 AI 三件套:壮汉、法师、实习生
前端
spmcor11 小时前
Vue 2 vs Vue 3:核心差异深度剖析与迁移指南
vue.js
代码搬运媛11 小时前
BFF 架构浅析:再也不用求后端改接口了
前端
ZC跨境爬虫11 小时前
跟着 MDN 学 HTML day_50:(深入理解 DOM 中的 Text 节点)
前端·javascript·microsoft·ui·html·媒体
ZC跨境爬虫11 小时前
跟着 MDN 学 HTML day_51:(深入理解 XPathEvaluator 接口)
前端·javascript·ui·html·音视频
wjykp11 小时前
5.cypher语句组合与复杂操作
linux·前端·javascript
梦无矶11 小时前
nrm自动设置npm镜像源
前端·npm·node.js
鲤鱼_59911 小时前
记录——前端开发IDEA需要的插件
前端