欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【记录】Vue+Element使用输入框带远程搜索功能模块修改下拉框样式

程序员文章站 2022-06-07 15:57:40
...

使用的组件<el-autocomplete> 在默认情况下下来框的大小与输入框一致,当内容过长时,不能显示的部分就会隐藏起来。考虑使用两种解决办法:

1、当时想用<el-tooltip>文字提示,虽然有用,但是当返回的数据过多时,会有卡顿的情况,应该是组件渲染的问题了,没找可以解决的办法。

2、修改下拉框的宽度,查找官方文档,有popper-class属性可用。

【记录】Vue+Element使用输入框带远程搜索功能模块修改下拉框样式

修改如下:

 <el-autocomplete popper-class="el-fin-add">
.el-fin-add{
    div{
        width: 347px;
        background-color: white;
    }
}

虽然还有些小问题,但是不影响使用了。嗯,就这样了