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 相关文章推荐
对YUI扩展的Gird组件 Part-2
Mar 10 Javascript
JXTree对象,读取外部xml文件数据,生成树的函数
Apr 02 Javascript
jquery api参考 visualjquery 中国线路 速度快
Nov 30 Javascript
Javascript 同时提交多个Web表单的方法
Feb 19 Javascript
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
Feb 15 Javascript
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
Sep 20 Javascript
基于jquery的9行js轻松实现tab控件示例
Oct 12 Javascript
js实现仿爱微网两级导航菜单效果代码
Aug 31 Javascript
jQuery可见性过滤选择器用法示例
Sep 09 Javascript
解决VUEX兼容IE上的报错问题
Mar 01 Javascript
vue源码nextTick使用及原理解析
Aug 13 Javascript
Vue 401配合Vuex防止多次弹框的案例
Nov 11 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
雄兵连三大错觉:凯莎没了,凉冰阵亡了,华烨觉得自己又行了
2020/04/09 国漫
Php部分常见问题总结
2006/10/09 PHP
Sorting Array Values in PHP(数组排序)
2011/09/15 PHP
php中实现xml与mysql数据相互转换的方法
2014/12/25 PHP
适用于初学者的简易PHP文件上传类
2015/10/29 PHP
Nginx下ThinkPHP5的配置方法详解
2017/08/01 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
JavaScript 无符号右移赋值操作
2009/04/17 Javascript
javascript类继承机制的原理分析
2009/09/12 Javascript
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
2010/11/30 Javascript
如何调试异步加载页面里包含的js文件
2014/10/30 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
2016/09/09 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
2016/09/20 Javascript
tablesorter.js表格排序使用方法(支持中文排序)
2017/02/10 Javascript
利用JS判断客户端类型你应该知道的四种方法
2017/12/22 Javascript
[12:36]《DOTA2》国服注册与激活指南全攻略
2013/04/28 DOTA
Python进阶_关于命名空间与作用域(详解)
2017/05/29 Python
Python使用sorted排序的方法小结
2017/07/28 Python
Python基于回溯法子集树模板解决马踏棋盘问题示例
2017/09/11 Python
Python字符串拼接六种方法介绍
2017/12/18 Python
python实现超市扫码仪计费
2018/05/30 Python
把django中admin后台界面的英文修改为中文显示的方法
2019/07/26 Python
css3隔行变换色实现示例
2014/02/19 HTML / CSS
Html5+JS实现手机摇一摇功能
2015/04/24 HTML / CSS
伦敦高达60%折扣的钻石珠宝商:Purely Diamonds
2018/06/24 全球购物
Deux par Deux官方网站:设计师童装
2020/01/03 全球购物
《日月潭》教学反思
2014/02/28 职场文书
人事部专员岗位职责
2014/03/04 职场文书
打架赔偿协议书范本
2014/10/26 职场文书
保洁员岗位职责
2015/02/04 职场文书
2015年国税春训心得体会
2015/03/09 职场文书
检讨书怎么写
2015/05/07 职场文书
地道战观后感300字
2015/06/04 职场文书
中学总务处工作总结
2015/08/12 职场文书
Python NumPy灰度图像的压缩原理讲解
2021/08/04 Python
MySQL非空约束(not null)案例讲解
2021/08/23 MySQL