vue把elementUi的输入框当做文件选择框使用,使用技巧

我们知道input只能有输入、输入、改变和鼠标进入等事件,并没有点击事件,但是如果有一个输入框,想让用户选择下载路径选择,该如何修改?

其实刚开始,我是想使用元素获取焦点事件,然后通过处理这个焦点事件,打开对话框,然后选择文件,但是这里有个问题,就是选择完文件之后,这个元素还是获取焦点,然后就会继续打开对话框,无限循环........,即便你通过e.target.blur() 让输入框失去了焦点,但是因为这是ui框架包装的输入框,所以还是会继续获取焦点,所以这个方案废弃 

然后我就在想,既然这个输入框不能使用click事件,那给它包一个元素,在外层元素上绑定点击事件,然后通过事件冒泡来实现呢?嗯,经过我的不懈努力,这个方案不错

然后就成功获取到了路径:而且没有无限循环问题

猜你喜欢

转载自blog.csdn.net/weixin_44786530/article/details/131896308
今日推荐