vue 清空input标签中file的值操作

更新时间：2020年07月21日 11:29:18 作者：PiscesGirla

这篇文章主要介绍了vue 清空input标签中file的值操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

template中：

<input type="file" ref="pathClear" @change="onUpload" name="file" id="file">

methods中：

onUpload(){
this.$refs. pathClear.value =''
},

补充知识：将input file的选择的文件清空的两种解决方案

上传文件时,选择了文件后想清空文件路径，搜索了一下，用两种方法解决

第一种

var obj = document.getElementById(‘fileupload') ;
obj.select();
document.selection.clear();

第二种

var obj = document.getElementById(‘fileupload') ;

obj.outerHTML=obj.outerHTML;

以上这篇vue 清空input标签中file的值操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

sublime如何配置开发VUE环境自动格式化代码
这篇文章主要介绍了sublime如何配置开发VUE环境自动格式化代码问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-03-03
vue+element ui表格添加多个搜索条件筛选功能(前端查询)
这篇文章主要给大家介绍了关于vue+element ui表格添加多个搜索条件筛选功能的相关资料,最近在使用element-ui的表格组件时,遇到了搜索框功能的实现问题,需要的朋友可以参考下
2023-08-08
正确更改Ant Design of Vue样式的问题
这篇文章主要介绍了正确更改Ant Design of Vue样式的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-09-09
一文详解Vue中nextTick的原理与作用
Vue的nextTick方法是用于在DOM更新后执行回调的工具函数,它的作用是在当前JavaScript执行环境中延迟执行回调,以确保在下次DOM更新循环之前,可以访问到更新后的DOM,本文就给大家介绍一下Vue nextTick原理与作用,需要的朋友可以参考下
2023-08-08
vue+element树组件实现树懒加载的过程详解
这篇文章主要介绍了vue+element树组件实现树懒加载的过程，本文通过图文实例代码相结合给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-10-10
vue-cli 首屏加载优化问题
这篇文章主要介绍了vue-cli 首屏加载优化问题，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
2018-11-11
vue-router之路由钩子函数应用小结
vue-router提供的导航钩子主要用来拦截导航,让它完成跳转或取消，本文主要介绍了vue-router之路由钩子函数应用小结，具有一定的参考价值，感兴趣的可以了解一下
2024-01-01
Vue中v-bind原理深入探究
这篇文章主要给大家分享了 v-bind的使用和注意需要注意的点，下面文章围绕 v-bind指令的相关资料展开内容且附上详细代码需要的小伙伴可以参考一下，希望对大家有所帮助
2022-10-10
vue踩坑记之npm install报错问题解决总结
当你跑起一个项目的时候,第一步需要先安装依赖npm install,下面这篇文章主要给大家介绍了关于vue踩坑之npm install报错问题解决的相关资料,需要的朋友可以参考下
2022-06-06
Vue-Cli配置代理转发解决跨域问题的方法
本文主要介绍了Vue-Cli配置代理转发解决跨域问题的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-06-06