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 相关文章推荐
封装了一个js图片轮换效果的函数
Sep 28 Javascript
不使用浏览器运行javascript代码的方法
Jul 24 Javascript
浅谈javascript语法和定时函数
May 03 Javascript
jQuery3.0中的buildFragment私有函数详解
Aug 16 Javascript
Javascript 函数的四种调用模式
Nov 05 Javascript
使用JS代码实现点击按钮下载文件
Nov 12 Javascript
JavaScript用JSONP跨域请求数据实例详解
Jan 06 Javascript
微信小程序点击控件修改样式实例详解
Jul 07 Javascript
Vue代码分割懒加载的实现方法
Nov 23 Javascript
JS实现带导航城市列表以及输入搜索功能
Jan 04 Javascript
Vue2 轮播图slide组件实例代码
May 31 Javascript
JS 音频可视化插件Wavesurfer.js的使用教程
Oct 31 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
PHP脚本的10个技巧(1)
2006/10/09 PHP
PHP学习资料汇总与网址
2007/03/16 PHP
php实现的简单美国商品税计算函数
2015/07/13 PHP
PHP+MySQL之Insert Into数据插入用法分析
2015/09/27 PHP
php 在字符串指定位置插入新字符的简单实现
2016/06/28 PHP
解决laravel session失效的问题
2019/10/14 PHP
预加载css或javascript的js代码
2010/04/23 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
2014/09/01 Javascript
director.js实现前端路由使用实例
2015/02/03 Javascript
javascript实现汉字转拼音代码分享
2015/04/20 Javascript
jquery分页插件jquery.pagination.js使用方法解析
2016/04/01 Javascript
基于Vue如何封装分页组件
2016/12/16 Javascript
javascript 删除数组元素和清空数组的简单方法
2017/02/24 Javascript
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
2017/09/04 Javascript
jQuery实现手机号正则验证输入及自动填充空格功能
2018/01/02 jQuery
js实现二级菜单点击显示当前内容效果
2018/04/28 Javascript
countup.js实现数字动态叠加效果
2019/10/17 Javascript
详解微信小程序中var、let、const用法与区别
2020/01/11 Javascript
Vue 数据响应式相关总结
2021/01/28 Vue.js
python实现屏保计时器的示例代码
2018/08/08 Python
对python中数组的del,remove,pop区别详解
2018/11/07 Python
Python实现截取PDF文件中的几页代码实例
2019/03/11 Python
简述数组与指针的区别
2014/01/02 面试题
成人教育自我鉴定
2013/11/01 职场文书
企业演讲稿范文
2013/12/28 职场文书
幼儿园中班上学期评语
2014/04/18 职场文书
禁毒宣传标语
2014/06/19 职场文书
2014大学班主任工作总结
2014/11/08 职场文书
商铺租房协议书范本
2014/12/04 职场文书
大学生毕业评语
2014/12/31 职场文书
幼师小班个人总结
2015/02/12 职场文书
Python深度学习之实现卷积神经网络
2021/06/05 Python
Python获取指定日期是"星期几"的6种方法
2022/03/13 Python
MySQL如何快速创建800w条测试数据表
2022/03/17 MySQL
Redis 限流器
2022/05/15 Redis
css3手动实现pc端横向滚动
2022/06/21 HTML / CSS