Object.keys 及表单清空

Object.keys 返回一个所有元素为字符串的数组,其元素来自于从给定的object上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。

// simple array
var arr = [‘a‘, ‘b‘, ‘c‘];
console.log(Object.keys(arr)); // console: [‘0‘, ‘1‘, ‘2‘]

// array like object
var obj = { 0: ‘a‘, 1: ‘b‘, 2: ‘c‘ };
console.log(Object.keys(obj)); // console: [‘0‘, ‘1‘, ‘2‘]

// array like object with random key ordering
var anObj = { 100: ‘a‘, 2: ‘b‘, 7: ‘c‘ };
console.log(Object.keys(anObj)); // console: [‘2‘, ‘7‘, ‘100‘]

// getFoo is a property which isn‘t enumerable
var myObj = Object.create({}, {
  getFoo: {
    value: function () { return this.foo; }
  }
});
myObj.foo = 1;
console.log(Object.keys(myObj)); // console: [‘foo‘]

//-------------------------------表单清空

Object.keys(this.formValue).forEach((key) => {
  this.formValue[key] = null
})

注:在vue中

this.$refs[formName].resetFields(); //要配合prop才能用

原文地址:https://www.cnblogs.com/Byme/p/9927240.html

时间: 2024-08-23 23:48:35

Object.keys 及表单清空的相关文章

表单清空

按钮不同,页面相同,还需要显示的数据不同,这里会由于页面的缓存问题,导致,每次点开这个页面显示的数据相同. 这不是我们想要的.这就需要清楚表单数据了. 方法如下: 注意!!!!!!!这个方法刚才试过不可以,下面的方法没试. [html] view plain copy $('#myform')[0].reset(); 但是,如果有这种表单的数据,就不可以清除了,如下: [html] view plain copy <input name="percent" value="

Jquery表单清空

虽然reset方法可以做到一部分,但是如果你有个元素是这样的 <input name="percent" value="50"/> 那么点击reset只会还原成50 于是乎,有了以下方法,网上浏览过来, $(':input','#myform') .not(':button, :submit, :reset, :hidden') .val('') .removeAttr('checked') .removeAttr('selected'); 很强大,包括

Ajax方式提交表单的常见编码类型总结

用Ajax方式提交表单,决定编码类型的是请求头中Content-Type,不同的值对应不同的提交和回调处理方式.而且,在项目中我们会用到前端的库或者框架,他们对于不同的Content-Type也有不同的参数写法,本文将以jQuery和AngularJS,加上XMLHttpRequest共三种方式为例,详细介绍不同Content-Type的发送请求的方式.本文考虑的Content-Type类型,共有如下几种: application/x-www-form-urlencoded multipart/

[转] Form 表单数据处理 简单教程 formidable 使用心得

入门,高手见笑 表单数据一种是get方式, 另一种是post 方式 1.get方式 对于get方式,node处理起来非常简单 如以下代码: var urlParsed = url.parse(request.url); var getData = querystring.parse(urlParsed.query); //getData 为object类型 同名表单为array get返回结果: { name: "blue5tar", hobby:["read",

Springboot自带的表单验证操作

在创建Springboot项目中,我们使用了表单验证操作,这一操作将极大地简化我们编程的开发 1.接收数据,以及验证 @PostMapping("/save") public ModelAndView save(@Valid ProductForm productForm, BindingResult bindingResult, Map<String, Object> map) { //1.表单验证 if (bindingResult.hasErrors()) { map

【Vue -- 2/100】element-ui 表单校验规则的应用

element-ui 给el-form表单添加校验规则 <!-- 对话框组件 :visible.sync(设置是否显示对话框) width(设置对话框的宽度) :before-close(在对话框关闭前触发的事件) --> <el-dialog title="添加用户" :visible.sync="addDialogVisible" width="50%"> <!-- 对话框主体区域 --> <el-f

JQuery拓展方法之表单数据转Object—从而ajax post到后台

其实今天的分享很简单,只要你简单了解Jq拓展方法,只要你会遍历元素,那就能自己封装出来.在工作中正是因为有了一个个这样的方法,大大提升了我们的工作效率,减小了失误次数.但是我们往往又经常使用别人封装好的方法,这就很不爽了. 希望热爱技术的园友们今后都能做一个,自己封装方法,给整个公司用的人. ; (function ($) { $.fn.extend({ formToObj: function () { var data = new Object(); $("input[type=text],i

使用jquery实现的清空表单元素代码实例

使用jquery实现的清空表单元素代码实例:如果表单的元素较多的话,如果想情况以前填写的内容可能有点耗费体力,不够人性化,下面就介绍一下如何利用jquery代码实现快捷清除表单元素内容的功能,先看一段代码实例: $('#theform')[0].reset(); 很朋友可能认为上面的代码就完全实现我们的要求,其实这是错误的,reset()函数是重置的意思,也就是将表单元素的值重置为默认值而不是清空,如下面的文本框: <input type="text" value="蚂

使用jQuery清空表单

$('#theform')[0].reset(); reset()这个函数的作用是将表单的值重置,变为默认值, 例: <input type="text" value="姓名"> 这个标签的默认值就是”姓名“,如果使用上面的方法,就会重置为“姓名” 下面介绍的这个,是清空的 $(':input','#theform') .not(':button,:submit,reset,:hidden') .val('') .removeAttr('checked'