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;
}

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

相关推荐
玄魂9 分钟前
VisActor 全新图可视化开源项目:VGraph
前端·数据可视化
宇智波亚索1 小时前
TypeScript 实际应用
前端·javascript·typescript
明飞19871 小时前
C表达式_表达式类型
前端
雪芽蓝域zzs1 小时前
Vue3+Vite 本地数据模拟 JSON 读取和Mock 方案完整讲解总结
前端·vue.js
jjw_zyfx1 小时前
vue3 vite 前端录制浏览器界面视频并保存下载
前端·音视频
南雨北斗1 小时前
vue3项目表单验证 input 添加高亮样式
前端
:-)1 小时前
idea中的vue文件没有高亮显示
前端·javascript·vue.js·ecmascript·intellij-idea
IPdodo_1 小时前
2026年AI 数据采集代理 IP 选型:成功率、并发、轮换与成本评估
前端·网络·人工智能·chrome·python·http·网络调试
计算机魔术师2 小时前
AI问诊5秒出结果,医生反而更忙了
前端
郭邯2 小时前
从需求到上线:我用 AI 辅助开发了一个在线倒计时器
前端