element-puls select 可搜索下 option自动关闭 踩坑

425 阅读1分钟

elementplus 踩坑记录

select 中使用 filterable 这个属性 在没有聚焦的情况下点击后opition自己收回的问题

原因:点击select的聚焦事件冒泡到了他里面的input上 相当于触发了两次
方法:在需要使用filterable的地方 给其中多余的触发穿透一下 (css属性 pointer-events:none)
找到需要穿透的元素 (绿)

image.png

   为了方便使用 可以加一个自定义指令 (代码片段 懒人专属cv)
   
   [代码片段](https://code.juejin.cn/pen/7125086960359571493)
   

代码实现:

image.png

image.png

image.png

image.png