像下面这种我们常见的表单数据,我们新增或则编辑完怎么把他们重置为空字符串或则空数组
let info = {
"id": "bc46ab8b340e11ed9f0478aa8211faf4",
"name": "河庄6巡区",
"parentId": "ahsdjh2hlashd123jhlahdsh1234h1h",
"no": "6",
"unionNo": "null-6",
"category": "联勤巡防大队",
"status": "free",
"leaderId": null,
"leaderName": "夫子庙",
"leaderMobile": "176*****638",
"sex": '男',
"hobby": null,
"longitude": 19727.12938123,
"latitude": 213812731.2381278,
"areaCode": "0033000100040006000000000000000",
"areaName": "南京路",
"carNum": 123,
"ebikeNum": 321,
"resources": [
{
"type": "口罩",
"num": 1000
}
],
"child": null
}
第一种
一个一个赋值为空字符串或则空数组,当然这种很麻烦,适合那种只有三五个表单数据的对象
第二种
这种适合对象下面都是字符串的 通知把value置为空字符串或则null
var student = {
name: "hsl",
age: 25,
sex: "男",
mobile: '1873****2837'
};
for (var key in student) {
student[key] = ''
}
第三种 (吐血推荐)
Object.assign(this.$data.info, this.$options.data.call(this).info)
data () {
return {
info: {
"id": "bc46ab8b340e11ed9f0478aa8211faf4",
"name": "河庄6巡区",
"parentId": "ahsdjh2hlashd123jhlahdsh1234h1h",
"no": "6",
"unionNo": "null-6",
"category": "联勤巡防大队",
"status": "free",
"leaderId": null,
"leaderName": "夫子庙",
"leaderMobile": "176*****638",
"sex": '男',
"hobby": null,
"longitude": 19727.12938123,
"latitude": 213812731.2381278,
"areaCode": "0033000100040006000000000000000",
"areaName": "南京路",
"carNum": 123,
"ebikeNum": 321,
"resources": [
{
"type": "口罩",
"num": 1000
}
],
"child": null
}
}
}
Object.assign(this.$data.info, this.$options.data.call(this).info)
this.$options.data.call(this).info 这个就是你在data下面初始化的这个目标对象
this.$data.info 这个是你当前的目标对象
Object.assign(target, ...sources) 对象合并,返回一个目标对象
参数:target--->目标对象
source--->源对象
返回值:target,即目标对象
我们这里做的就是,、目标对象和源对象有重名属性的情况下,源对象的属性会覆盖目标对象的属性,正
是这一点我们刚好可以做到重置表单的作用,前提是目标对象所需要的值都需要给一个初始化的值
info: {
"id": "",
"name": "",
"parentId": "",
"no": "",
"unionNo": "",
"category": "",
"status": "",
"leaderId": ,
"leaderName": "",
"leaderMobile": "",
"sex": '',
"hobby": ,
"longitude": .,
"latitude": ,
"areaCode": "",
"areaName": "",
"carNum": ,
"ebikeNum": ,
"resources": [
{
"type": "",
"num":
}
],
"child": null
}
第三种使用还是很方便的,但是前提你要在data这个对象下面把你需要的值给初始化一下,切记不要偷懒不写初始值,这样合并对象的时候才会把你所有值给重置为你初始值的状态