您现在的位置是：网站首页> 编程资料编程资料
ant design vue 清空upload组件图片缓存的问题_vue.js_
2023-05-24
421人已围观
简介 ant design vue 清空upload组件图片缓存的问题_vue.js_
ant design vue 清空upload组件图片缓存
借鉴ant react的做法
在upload 组件外加一个key 赋随机值，即可清除缓存
完整代码
通过监听弹窗modal 的开闭状态 更改key的值，建议关闭状态时更改为随机key ，避免影响操作效果
export default { data() { return { visible: false, ImgKey: '' } }, watch: { visible() { if (this.visible) { this.ImgKey = '' } else { this.ImgKey = Math.random() } console.log('this.ImgKey :>> ', this.ImgKey) }, }, }a-upload 上传文件，无法清空缓存和页面的显示
ant design vue a-upload 上传文件后，再次打开，页面还是显示上次上传的文件，原因是本地组件缓存，添加个key,就可以了
以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
相关内容
- uniapp表单验证方法详解_javascript技巧_
- 使用jQuery实现简单穿梭框方式_jquery_
- React Native:react-native-code-push报错的解决_React_
- JavaScript本地数据存储sessionStorage与localStorage使用详解_javascript技巧_
- uniapp实现人脸识别功能详细示例_javascript技巧_
- antdv vue upload自定义上传结合表单提交方式_vue.js_
- jQuery样式操作方法整理介绍_jquery_
- 一些超实用的JS常用算法详解(推荐!)_javascript技巧_
- vue长按事件和点击事件冲突的解决_vue.js_
- jQuery常见动画效果实现介绍_jquery_
