ElementUi el-autocomplete 踩坑（使用clearable清除,点击输入框下拉条件不再显示）

m0_61083409

于 2022-03-08 09:21:03 发布

阅读量1.7k

点赞数

分类专栏：前端 html 文章标签： javascript 前端 vue.js

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/m0_61083409/article/details/123345185

版权

在使用ElementUi的el-autocomplete组件并添加clearable属性时，发现一个bug：点击清除图标后，如果输入框已聚焦，再次点击输入框下拉框不会显示。问题根源在于element-ui源码中activated设为false后未在querySearch成功后恢复。解决方案包括通过ref手动设置activated为true或使输入框失去焦点。这里介绍了两种解决方法，并提到了value-key属性用于指定显示的键值。

摘要由CSDN通过智能技术生成

今天在写组件的时候，用到了el-autocomplete来做模糊搜索。因为要可以清除条件，所以加了clearable属性，然后遇到了个bug。点击清除图标后，如果你已经是聚焦状态了，你在点击输入框，下拉框不会再显示了

在这里插入图片描述
查了一下，是因为有element-ui源码有bug，主要原因是

参考该博客

autocomplete组件在执行清除事件时，将activated置为false。这时候下拉框不会显示了，而在query

最低0.47元/天解锁文章

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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