el-autocomplete设置下拉框横向滑动条

文章介绍了el-autocomplete组件在ElementUI中的优势,特别是其能实现选中后的回显功能,与el-select不同。当下拉框内容过长时,可以通过CSS属性设置横向滑动条,提供更好的用户体验。

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

el-autocomplete

element文本输入框+下拉框,和el-select有相似之处

1、优点:可以实现选中或者输入选项后,input框第二次点击后的回显,而select选择器组件不能实现回显(这里的回显指,选中之后第二次点击会显示地存在上次所选择的,而不是变成灰色的隐式存在,主要方便用户在原有地基础上面进行修改)

2、下拉框内容过长,如何设置横向的滑动条
为css属性设置如下属性即可

  /deep/.el-autocomplete-suggestion__list{
        display: inline-block;
    }

横向滑动条效果如下图:
在这里插入图片描述
下拉框就可以左右横向滑动啦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值