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 相关文章推荐
Ajax,UTF-8还是GB2312 eval 还是execScript
Nov 13 Javascript
jquery 插件实现图片延迟加载效果代码
Feb 06 Javascript
jquery获取特定name所有选中的checkbox,支持IE9标准模式
Mar 18 Javascript
javascript和jquery修改a标签的href属性
Dec 16 Javascript
node.js中的console.trace方法使用说明
Dec 09 Javascript
jquery实现简易的移动端验证表单
Nov 08 Javascript
Vue 2.0入门基础知识之内部指令详解
Oct 15 Javascript
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
json前后端数据交互相关代码
Sep 19 Javascript
小程序实现左滑删除功能
Oct 30 Javascript
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
Mar 11 Javascript
three.js着色器材质的内置变量示例详解
Aug 16 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
打造计数器DIY三步曲(下)
2006/10/09 PHP
用DBSQL类加快开发MySQL数据库程序的速度
2006/10/09 PHP
几个php应用技巧
2008/03/27 PHP
使用NetBeans + Xdebug调试PHP程序的方法
2011/04/12 PHP
PHP根据IP地址获取所在城市具体实现
2013/11/27 PHP
php从数据库查询结果生成树形列表的方法
2015/04/17 PHP
wamp服务器访问php非常缓慢的解决过程
2015/07/01 PHP
PHP随手笔记整理之PHP脚本和JAVA连接mysql数据库
2015/11/25 PHP
php版微信js-sdk支付接口类用法示例
2016/10/12 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
写给想学习Javascript的朋友一点学习经验小结
2010/11/23 Javascript
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
2012/08/14 Javascript
jQuery控制输入框只能输入数值的小例子
2013/03/20 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
2013/06/26 Javascript
BootStrap响应式导航条实例介绍
2016/05/06 Javascript
深入理解vue.js双向绑定的实现原理
2016/12/05 Javascript
Ajax和Comet技术总结
2017/02/19 Javascript
浅谈ES6新增的数组方法和对象
2017/08/08 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
2018/09/21 Javascript
微信小程序中网络请求缓存的解决方法
2019/12/29 Javascript
一分钟学会JavaScript中的try-catch
2020/12/14 Javascript
动态实现element ui的el-table某列数据不同样式的示例
2021/01/22 Javascript
Python实现Linux命令xxd -i功能
2016/03/06 Python
Python的语言类型(详解)
2017/06/24 Python
深入浅析Python中的yield关键字
2018/01/24 Python
python实现微信发送邮件关闭电脑功能
2018/02/22 Python
python批量修改文件编码格式的方法
2018/05/31 Python
如何使用Python 打印各种三角形
2019/06/28 Python
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
小孩百日宴答谢词
2014/01/15 职场文书
基层党建工作宣传标语
2014/06/24 职场文书
物业保安岗位职责
2014/07/02 职场文书
我的中国梦演讲稿高中篇
2014/08/19 职场文书
运动会广播稿200字
2014/10/18 职场文书
保密工作整改情况汇报
2014/11/06 职场文书
初中数学教学反思范文
2016/02/17 职场文书