element-plus下拉框和输入框宽度不一致,:popper-append-to-body=“false“失效

作者在修改el-select输入框宽度后发现下拉选项与输入框不一致,原因是下拉项DOM被插入到body。通过替换`teleported`属性从`true`设为`false`,解决了这个问题,下拉项插入到el-select元素内。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. 遇到的问题:我修改了el-select输入框的宽度之后,发现下拉选项和输入框的宽度不一样了!

在这里插入图片描述
2. 原因控制台看到下拉项的DOM元素时插入到body里面了,使用:popper-append-to-body="false"发现已经废弃,最后发现替换成:teleported="false"
teleported:是否将 popover 的下拉列表插入至 body 元素 默认值为true,把这个属性改为false,成功了!!!
在这里插入图片描述
此时,下拉项的DOM元素会被插入到el-select
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值