ant design vue中a-tree-select的使用注意

当下拉的内容较多的时候,没有使用:dropdown-style="{ maxHeight: '300px', overflow: 'auto' }"的shi xia

m_uncle

3837人浏览 · 2021-06-08 14:51:09

m_uncle · 2021-06-08 14:51:09 发布

当下拉的内容较多的时候,没有使用:dropdown-style="{ maxHeight: '300px', overflow: 'auto' }"的效果,会占满屏幕

使用:dropdown-style="{ maxHeight: '300px', overflow: 'auto' }"之后的效果:就会按照设置的高度来

出现以下的问题: 滚动条滚动的时候,下拉框不固定

解决方案: 添加下面的代码

:getPopupContainer="
triggerNode => {
return triggerNode.parentNode || document.body;
}"

整体如图:

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^