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

相关推荐
wuhen_n2 分钟前
KeepAlive:组件缓存实现深度解析
前端·javascript·vue.js
前端付豪3 分钟前
Nest 项目小实践之图书展示和搜索
前端·node.js·nestjs
wuhen_n4 分钟前
Vue Router与响应式系统的集成
前端·javascript·vue.js
Ruihong27 分钟前
《VuReact:下一代 Vue 3 -> React 智能编译工具,支持 SFC 与增量迁移》
vue.js
青青家的小灰灰35 分钟前
金三银四面试官最想听的 React 答案:虚拟 DOM、Hooks 陷阱与大型列表优化
前端·react.js·面试
HelloReader36 分钟前
深入理解 Tauri 架构与应用体积优化实战指南
前端
lemon_yyds36 分钟前
vue 2 升级vue3 : ref 和 v-model 命名为同名
前端·vue.js
codingWhat36 分钟前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
重庆穿山甲40 分钟前
Java开发者的大模型入门:Spring AI Alibaba组件全攻略(二)
前端·后端
光影少年43 分钟前
在 React 中,什么情况下需要用 useCallback 和 useMemo?它们的区别是什么?
前端·react.js·掘金·金石计划