vue实现重置表单信息为空的方法
更新时间：2018年09月29日 09:54:42 作者：留给时间
今天小编就为大家分享一篇vue实现重置表单信息为空的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
背景
之前表单重置为空的话是这样写的
this.fromline = {
access_provider_name: '', // 接入商名称
access_provider_address: '', // 接入商所属地区
remark: '' // 备注
}
直接把表单对象的属性设置为空
今天突然发现一个这样的玩意
少写了好多代码 （开心）
this.$refs['fromline'].resetFields()
这个玩意也可以实现表单重置。
以上这篇vue实现重置表单信息为空的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了7个实用的Vue开发技巧文。中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，下面我们来一起学习一下吧2019-05-05
这篇文章主要介绍了Vue2 响应式系统之分支切换，文章围绕Vue2的相关资料展开主题详细内容，具有一定的参考价值，需要的小伙伴可以参考一下2022-04-04
树形下拉框是一个带有下列树形结构的下拉框,本文主要介绍了Vue Treeselect树形下拉框的使用小结,具有一定的参考价值,感兴趣的可以了解一下2023-10-10
基于vue项目设置resolves.alias: ''@''路径并适配webstorm
这篇文章主要介绍了基于vue项目设置resolves.alias: '@'路径并适配webstorm,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-12-12
这篇文章主要介绍了vue打开子组件弹窗都刷新功能的实现,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-09-09
这篇文章主要介绍了.html页面引入vue并使用公共组件方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要给大家介绍了Vue自定义指令实现卡片翻转功能的代码示例,文章通过代码示例讲解的非常详细,对大家的学习或工作有一定的参帮助,需要的朋友可以参考下2023-11-11
vue指令之表单控件绑定v-model v-model与v-bind结合使用
这篇文章主要介绍了vue指令之表单控件绑定v-model v-model与v-bind结合使用,需要的朋友可以参考下2019-04-04
这篇文章主要介绍了vue实现点击选中取消切换，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
本篇文章主要介绍了VueJS事件处理器v-on的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
最新评论