本文主要是介绍Ant Design Vue Cascader 级联选择 错位问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
当Cascader 多个的时候 对应的下列会错位 如果滚动 他不会跟着元素 而是会跟着屏幕滚动,如下效果
解决方法
在Cascader 标题添加 getPopupContainer 属性监听对应的位置,返回对应的元素
<a-cascader class="smart-width-100 " v-model:value="formData['specialistCategoryList'][cindex]"placeholder="请选择对应的分类" size="default" allowClear:options="cate.options" :getPopupContainers="getPopupContainer"/>
const getPopupContainer = (e) =>{return e.parentNode;
}
这样他就是随着元素 而不是随着屏幕
这篇关于Ant Design Vue Cascader 级联选择 错位问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!