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