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


Posted in Javascript onJuly 21, 2020

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的值操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript复制粘贴与clipboardData的使用
Oct 16 Javascript
比例尺、缩略图、平移缩放之百度地图添加控件方法
Aug 03 Javascript
javascript拖拽效果延伸学习
Apr 04 Javascript
关于不同页面之间实现参数传递的几种方式讨论
Feb 13 Javascript
node文件上传功能简易实现代码
Jun 16 Javascript
vue实现登录后页面跳转到之前页面
Jan 07 Javascript
ES6下子组件调用父组件的方法(推荐)
Feb 23 Javascript
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
详解微信小程序的 request 封装示例
Aug 21 Javascript
vue-cli3配置与跨域处理方法
Aug 17 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 Javascript
Vue父组件向子组件传值以及data和props的区别详解
Mar 02 Javascript
Vue-resource安装过程及使用方法解析
Jul 21 #Javascript
vue中destroyed方法的使用说明
Jul 21 #Javascript
解决vue组件销毁之后计时器继续执行的问题
Jul 21 #Javascript
vue 实现setInterval 创建和销毁实例
Jul 21 #Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
Jul 21 #Javascript
Vue清除定时器setInterval优化方案分享
Jul 21 #Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
Jul 21 #Javascript
You might like
第4章 数据处理-php正则表达式-郑阿奇(续)
2011/07/04 PHP
PHP中模拟处理HTTP PUT请求的例子
2014/07/22 PHP
php array_values 返回数组的值实例详解
2016/11/17 PHP
解决PHP curl或file_get_contents下载图片损坏或无法打开的问题
2019/10/11 PHP
使两个iframe的高度与内容自适应,且相等
2006/11/20 Javascript
js或css文件后面跟参数的原因说明
2010/01/09 Javascript
有关于JS辅助函数inherit()的问题
2013/04/07 Javascript
js调用图片隐藏&amp;显示实现代码
2013/09/13 Javascript
javascript正则匹配汉字、数字、字母、下划线
2014/04/10 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
2014/12/29 Javascript
javascript简单实现滑动菜单效果的方法
2015/07/27 Javascript
jQuery 全选 全部选 反选 实现代码
2016/08/17 Javascript
js基于myFocus实现轮播图效果
2017/02/14 Javascript
解决angularjs service中依赖注入$scope报错的问题
2018/10/02 Javascript
详解VUE单页应用骨架屏方案
2019/01/17 Javascript
Nuxt.js实战和配置详解
2019/08/05 Javascript
layui问题之模拟table表格中的选中按钮选中事件的方法
2019/09/20 Javascript
[00:23]魔方之谜解锁款式
2018/12/20 DOTA
python查询sqlite数据表的方法
2015/05/08 Python
python二分查找算法的递归实现方法
2016/05/12 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
Python利用heapq实现一个优先级队列的方法
2019/02/03 Python
Python实现爬取亚马逊数据并打印出Excel文件操作示例
2019/05/16 Python
pyQt5实时刷新界面的示例
2019/06/25 Python
Python IDE环境之 新版Pycharm安装详细教程
2020/03/05 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
plt.figure()参数使用详解及运行演示
2021/01/08 Python
pandas apply使用多列计算生成新的列实现示例
2021/02/24 Python
html5+css3实现一款注册表单实例
2013/04/17 HTML / CSS
为什么如下的代码int a=100,b=100;long int c=a * b;不能工作
2013/11/29 面试题
应届毕业生个人求职自荐信
2014/01/06 职场文书
空气的环保标语
2014/06/12 职场文书
综合素质评价自我评价
2015/03/06 职场文书
基层组织建设年活动总结
2015/05/09 职场文书
2016国培研修心得体会
2016/01/08 职场文书
聊聊Python中关于a=[[]]*3的反思
2021/06/02 Python