解决vue项目中type=”file“ change事件只执行一次的问题

前端之家收集整理的这篇文章主要介绍了解决vue项目中type=”file“ change事件只执行一次的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

问题描述

在最近的项目开发中遇到了这样的一个问题,当我上传了一个文件时,我将获取到的文件名清空后,却无法再次上传相同的文件

上传文件" name="" id="" @click="updata"> 上传文件名:{{fileName}}

因为我只是将data中的属性值清空而已,文件名没有变当然会不出发change事件

解决办法

目前网上有好多解决办法,但基本上都无法在vue上使用,于是我想到了v-if

v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。

于是在代码中加入了一个小的开关,唤起change事件时就将他销毁

事件结束时再将它重建,这样问题就轻松的解决

上传文件" name="" id="" @click="updata"> 上传文件名:{{fileName}}

总结

以上所述是小编给大家介绍的vue项目中解决type=”file“ change事件只执行一次的问题。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Vue相关文章