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

相关推荐
u0111026755 分钟前
WebP 转成 PNG 后为什么更大?图片格式转换不等于压缩
前端·javascript·vue.js
万少6 分钟前
Qoder sonus模型 20分钟,复刻 马斯克 飞天汽车
前端·后端·算法
驭渊的小故事17 分钟前
MyBatis-Plus 实战指南:从基础 CRUD 到条件构造器与自定义 SQL(二)
数据库·sql·mybatis
seconp23 分钟前
基于Spring Boot和Vue 3的智慧旅游网站:住宿预订、行程规划与千问接入
vue.js·spring boot·毕业设计·软件工程·课程设计·旅游·毕设
java1234_小锋28 分钟前
【技术专题】HTML5 网页技术 - HTML5 列表标签
前端·html·html5
强二小哥帅29 分钟前
Kotlin 协程复习笔记
前端
不可能片场32 分钟前
工程实践 原子替换改了 ctime 怎么修
前端·electron
暧暧内含光33 分钟前
HTTP 文件传输体系全解:从协议标头、OSS 架构到流媒体分片
前端
静默回滚34 分钟前
浏览器能显示AVIF,却导不出一张AVIF
前端
小皮虾39 分钟前
小程序全局状态还能这么简单?只需初始化一次,页面自动同步
前端·javascript·微信小程序