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 Undefined,Null类型和NaN值区别
Oct 22 Javascript
node.js中的socket.io的广播消息
Dec 15 Javascript
jqGrid表格应用之新增与删除数据附源码下载
Dec 02 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
Dec 12 Javascript
用jquery的attr方法实现图片切换效果
Feb 05 Javascript
jQuery EasyUI Panel面板组件使用详解
Feb 28 Javascript
微信小程序新增的拖动组件movable-view使用教程
May 20 Javascript
详解vue渲染从后台获取的json数据
Jul 06 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
Apr 11 Javascript
vuex存值与取值的实例
Nov 06 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
Dec 06 Javascript
小程序选项卡以及swiper套用(跨页面)
Jun 19 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中的时间处理
2006/10/09 PHP
关于BIG5-HKSCS的解决方法
2007/03/20 PHP
php MYSQL 数据备份类
2009/06/19 PHP
php 获取百度的热词数据的代码
2012/02/18 PHP
很让人受教的 提高php代码质量36计
2012/09/05 PHP
简单的php数据库操作类代码(增,删,改,查)
2013/04/08 PHP
ThinkPHP3.1新特性之对Ajax的支持更加完善
2014/06/19 PHP
php中preg_match的isU代表什么意思
2015/10/01 PHP
Laravel向公共模板赋值方法总结
2019/06/25 PHP
php实现网页上一页下一页翻页过程详解
2019/06/28 PHP
thinkphp5.1框架实现格式化mysql时间戳为日期的方式小结
2019/10/10 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
IE下js调试工具Companion.JS
2010/10/15 Javascript
IE6 fixed的完美解决方案
2011/03/31 Javascript
js 去除字符串第一位逗号的方法
2014/06/07 Javascript
jQuery实现点击图片翻页展示效果的方法
2015/02/16 Javascript
jquery网页日历显示控件calendar3.1使用详解
2016/11/24 Javascript
Angular 4环境准备与Angular cli创建项目详解
2017/05/27 Javascript
详解vue添加删除元素的方法
2018/06/30 Javascript
vue指令做滚动加载和监听等
2019/05/26 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
2020/06/04 Javascript
python读取csv文件示例(python操作csv)
2014/03/11 Python
Python实现Linux中的du命令
2017/06/12 Python
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
PyQt4实现下拉菜单可供选择并打印出来
2018/04/20 Python
HTML5逐步分析实现拖放功能的方法
2020/09/30 HTML / CSS
法国家具及室内配件店:home24
2017/01/21 全球购物
耐克波兰官方网站:Nike波兰
2019/09/03 全球购物
奢华的意大利皮革手袋:Bene Handbags
2019/10/29 全球购物
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
什么是Remote Module
2016/06/10 面试题
公司企业表扬信
2014/01/11 职场文书
自主招生推荐信范文
2014/05/10 职场文书
小学中队长竞选稿
2015/11/20 职场文书
初中政治教学反思
2016/02/23 职场文书
python实现简单石头剪刀布游戏
2021/10/24 Python