# 前端開發技巧 ## 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]" /> ```