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

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

相关推荐
geovindu1 小时前
D3.js Org Chart
开发语言·javascript·ecmascript
疋瓞1 小时前
excel实用问题:提取文字当中的数字进行运算
java·javascript·excel
CodeClimb1 小时前
【华为OD-E卷 - 任务最优调度 100分(python、java、c++、js、c)】
java·javascript·c++·python·华为od
苹果酱05672 小时前
人工智能基础知识速成 - 机器学习、深度学习算法原理及其实际应用案例
java·vue.js·spring boot·mysql·课程设计
小狸花子2 小时前
全平台异构文件上传架构设计:打破端侧限制的OSS上传实践
前端
慕斯-ing2 小时前
利用Vue编写一个“计数器”
前端·vue.js·经验分享
暗暗那2 小时前
【腾讯前端面试】纯css画图形
前端·css·面试
yqcoder2 小时前
Node 服务器数据响应类型处理
运维·服务器·前端·javascript·node.js
�时过境迁,物是人非2 小时前
C#中的if判断语句详解
java·前端·c#
shangaoo3 小时前
XML DOM 节点信息
xml·java·前端