【记录】Vue+Element使用输入框带远程搜索功能模块修改下拉框样式
程序员文章站
2022-06-07 15:57:40
...
使用的组件<el-autocomplete> 在默认情况下下来框的大小与输入框一致,当内容过长时,不能显示的部分就会隐藏起来。考虑使用两种解决办法:
1、当时想用<el-tooltip>文字提示,虽然有用,但是当返回的数据过多时,会有卡顿的情况,应该是组件渲染的问题了,没找可以解决的办法。
2、修改下拉框的宽度,查找官方文档,有popper-class属性可用。
修改如下:
<el-autocomplete popper-class="el-fin-add">
.el-fin-add{
div{
width: 347px;
background-color: white;
}
}
虽然还有些小问题,但是不影响使用了。嗯,就这样了