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

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

相关推荐
REDcker4 分钟前
前端打包工具 - Rollup 打包工具笔记
前端·笔记
前端大卫7 分钟前
动态监听DOM元素高度变化
前端·javascript
Cxiaomu18 分钟前
React Native App 图表绘制完整实现指南
javascript·react native·react.js
前端大卫21 分钟前
Webpack 老项目的优化实践
前端
开利网络29 分钟前
合规底线:健康产品营销的红线与避坑指南
大数据·前端·人工智能·云计算·1024程序员节
yinuo40 分钟前
纯CSS&JS实现:丝滑渐变过渡的动态导航栏
前端
qq. 280403398440 分钟前
vue介绍
前端·javascript·vue.js
未来之窗软件服务1 小时前
未来之窗昭和仙君(五十五)标签票据打印模板设计器——东方仙盟筑基期
前端·打印设计器·仙盟创梦ide·东方仙盟·昭和仙君·东方仙盟架构
Mr.Jessy1 小时前
Web APIs 学习第五天:日期对象与DOM节点
开发语言·前端·javascript·学习·html
前端大卫1 小时前
如何统一前端项目的 Node 版本和包管理器?
前端