vue3 elementui-plus的input框点击弹窗

1. 需求

点击如图input框：

出现如图选择器弹框：

2. 踩坑

我尝试了获取焦点时的方法@focus，但是每次在点击弹框的“确定”按钮后，input框都会自动聚焦，弹框又自动出现了，我就想通过blur()方法主动失焦，但是失败了：

2.1 获取ref元素

2.2 获取ref结果

按理来说，我可以打印出input框元素，但是不知道哪里出现了问题，ref始终为null，麻烦知道的朋友评论告诉我一下TAT

3. 解决方式

既然无法通过ref来主动失焦，那我就直接给input框添加点击事件，不通过焦点来控制弹窗的显示了，之前想的太复杂了，直接用@click就可以了…