el-dropdown偏移
时间: 2023-10-06 08:07:12 浏览: 70
要解决el-dropdown偏移的问题,有两种方法可以尝试。第一种是给el-dropdown-menu上面添加属性:append-to-body="false",这样可以解决el-dropdown在缩放后的偏移问题。第二种方法是强制重新进行定位,可以通过添加以下样式代码来实现:
```
<style scoped>
.lang-select-dropdown {
position: absolute !important;
top: 0px !important;
left: 0px !important;
}
</style>
```
另外,还可以通过修改跟随的currentPlacement为不存在的值来禁用自动计算。具体的实现代码如下所示:
```
mounted() {
const dropdownMenu = this.$refs['elDropdown'].$children<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Zoom缩放后el-dropdown下拉菜单位置偏移问题](https://blog.csdn.net/qq_58717344/article/details/129793541)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Element 中的 Dropdown 下拉菜单定位偏移问题](https://blog.csdn.net/qq_43815571/article/details/128079409)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]