vue如何实现重置表单信息为空

发布时间:2021-04-23 12:37:51 作者:小新
来源:亿速云 阅读:282

小编给大家分享一下vue如何实现重置表单信息为空,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

Vue的优点

Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和dom,可以大大提升访问速度和用户体验。

背景

之前表单重置为空的话是这样写的

this.fromline = {
  access_provider_name: '', // 接入商名称
   access_provider_address: '', // 接入商所属地区
   remark: '' // 备注
  }

直接把表单对象的属性设置为空

今天突然发现一个这样的玩意

少写了好多代码 (开心)

this.$refs['fromline'].resetFields()

这个玩意也可以实现表单重置。

以上是“vue如何实现重置表单信息为空”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. 使用JS判断表单是否为空 js验证表单不能为空
  2. jsp中表单重置

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue

上一篇:vue如何实现添加与删除图书功能

下一篇:基于BootStrap multiselect.js实现的下拉框联动效果

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》