Vue 使用 element 组件库解决 el-autocomplete 下拉框宽度的问题

Vue 使用 element 组件库解决 el-autocomplete 下拉框宽度的问题

最近有一个需求,是使用element组件库的 el-autocomplete 组件,实现输入框联想功能,在使用的过程中发现一个问题,就是联想的下拉框里面如果每一项的数据太长,就会被默认隐藏掉。

在这里插入图片描述
但是现在想要的是,不想让他隐藏,所以去改element组件库CSS样式。

找到了,改了,没用!特别好!麻蛋!

解决办法

给 el-autocomplete 组件加上下面属性

:popper-append-to-body="false"

然后在修改他的宽度,让他自适应。

/deep/ .el-autocomplete-suggestion{
   auto!important;
}

完成!全部展示完整,不在自动隐藏了就

在这里插入图片描述

原文地址:https://www.cnblogs.com/wjw1014/p/14115996.html