Ant Design Vue Cascader 级联选择 错位问题

当Cascader 多个的时候 对应的下列会错位 如果滚动 他不会跟着元素 而是会跟着屏幕滚动,如下效果

解决方法

Cascader 标题添加 getPopupContainer 属性监听对应的位置,返回对应的元素

javascript 复制代码
<a-cascader class="smart-width-100 " v-model:value="formData['specialistCategoryList'][cindex]"
                          placeholder="请选择对应的分类" size="default" allowClear
                          :options="cate.options" :getPopupContainers="getPopupContainer"/>
javascript 复制代码
const getPopupContainer = (e) =>{
  return e.parentNode;
}

这样他就是随着元素 而不是随着屏幕

相关推荐
不会飞的鲨鱼几秒前
抖音验证码滑动轨迹原理(续)
javascript·爬虫·python
Mintopia3 分钟前
🌐 长期视角:WebAIGC 技术的社会价值边界与伦理底线
前端·人工智能·aigc
Hilaku9 分钟前
2025快手直播至暗时刻:当黑产自动化洪流击穿P0防线,我们前端能做什么?🤷‍♂️
前端·javascript·安全
San30.9 分钟前
深度解析 React 组件化开发:从 Props 通信到样式管理的进阶指南
前端·javascript·react.js
C_心欲无痕11 分钟前
vue3 - 内置组件KeepAlive优化组件状态缓存
前端·vue.js·缓存
Swift社区14 分钟前
跨端路由设计:如何统一 RN 与 Web 的页面模型
前端·react.js·web3
fantasy_arch18 分钟前
SVT-AV1帧类型决策-场景切换检测
前端·网络·av1
LYFlied18 分钟前
前端工程化核心面试题与详解
前端·面试·工程化
小程故事多_8034 分钟前
用Agent与大模型实现Web项目全自动化生成:从需求到部署的完整落地方案
运维·前端·人工智能·自动化·aigc
千里马-horse37 分钟前
AsyncContext
开发语言·前端·javascript·c++·napi·asynccontext