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 布尔型分析
Dec 22 Javascript
Prototype Function对象 学习
Jul 12 Javascript
JavaScript打印iframe内容示例代码
Aug 20 Javascript
ExtJS自定义主题(theme)样式详解
Nov 18 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
Aug 19 Javascript
Javascript学习笔记之 函数篇(三) : 闭包和引用
Nov 23 Javascript
60个很实用的jQuery代码开发技巧收集
Dec 15 Javascript
使用Angular缓存父页面数据的方法
Jan 03 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
Mar 26 Javascript
Vue表情输入组件 微信face表情组件
Feb 11 Javascript
对layui初始化列表的CheckBox属性详解
Sep 13 Javascript
微信小程序swiper左右扩展各显示一半代码实例
Dec 05 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
redis 队列操作的例子(php)
2012/04/12 PHP
PHP字符串长度计算 - strlen()函数使用介绍
2013/10/15 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
JQuery读取XML文件数据并显示的实现代码
2009/12/16 Javascript
基于jQuery的左右滚动实现代码
2010/12/03 Javascript
解决jquery的datepicker的本地化以及Today问题
2012/05/23 Javascript
让你的博客飘雪花超出屏幕依然看得见
2013/01/04 Javascript
javascript简单比较日期大小的方法
2016/01/05 Javascript
jQuery根据表单name获取值的方法
2016/05/24 Javascript
json定义及jquery操作json的方法
2016/10/03 Javascript
概述如何实现一个简单的浏览器端js模块加载器
2016/12/07 Javascript
原生js实现返回顶部缓冲效果
2017/01/18 Javascript
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
2019/08/03 Javascript
vue router动态路由设置参数可选问题
2019/08/21 Javascript
layer父页获取弹出层输入框里面的值方法
2019/09/02 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
2020/07/17 Javascript
python实现博客文章爬虫示例
2014/02/26 Python
详解Python中的Cookie模块使用
2015/07/06 Python
python中函数传参详解
2016/07/03 Python
Windows下的Jupyter Notebook 安装与自定义启动(图文详解)
2018/02/21 Python
Python生成器的使用方法和示例代码
2019/03/04 Python
python3用PIL把图片转换为RGB图片的实例
2019/07/04 Python
matplotlib实现数据实时刷新的示例代码
2021/01/05 Python
CSS3结构性伪类选择器九种写法
2012/04/18 HTML / CSS
CSS3简单实现照片墙
2014/12/12 HTML / CSS
希尔顿酒店官方网站:Hilton Hotels
2017/06/01 全球购物
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
XD健身器材:Kevlar球、Crossfit健身球
2019/03/26 全球购物
YBF Beauty官网:美丽挚友,美国知名彩妆品牌
2020/11/22 全球购物
毕业生精彩的自我评价分享
2013/10/06 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
2014年重阳节敬老活动方案
2014/09/16 职场文书
讲座通知范文
2015/04/23 职场文书
学校2015年纠风工作总结
2015/05/15 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书