下拉选项滚动错位
- 问题描述:当使用了 a-modal 或其他带有滚动条的组件时,使用 a-select 组件并打开下拉框时拖动滚动条,就会导致错位的问题产生。
- 解决方法:
-
- 大多数情况下,在 a-select 上添加一个 getPopupContainer 属性,值为 node=>node.parentNode 即可解决。
- 但是如果遇到 a-select 标签层级过深的情况,可能仍然会显示异常,只需要多加几个 .parentNode (例如: node=>node.parentNode.parentNode.parentNode )多尝试几次直到解决问题即可。
-
- 代码示例:
<a-select placeholder="请选择展示模版" :options="dicts.displayTemplate" :getPopupContainer="node => node.parentNode" />
表单输入默认去掉前后空格
- 通过 .trim 实现
- 代码示例:
<a-input placeholder="请输入角色编码" v-decorator.trim="['roleCode',validatorRules.roleCode]" />
标签:node,错位,示例,前端,parentNode,滚动条,笔记,实习,select From: https://www.cnblogs.com/yhstsy/p/18118760