JS001. antd vue遍历setFieldsValue表单键值对无效 ( {} -> new Object() )

问题代码：

const tempFieldsValue = this.form.getFieldsValue()
　　Object.keys(tempFieldsValue).map((k) => {
　　if(typeof(tempFieldsValue[k]) === 'string' && tempFieldsValue[k].indexOf('---') !== -1) {
　　　　this.form.setFieldsValue({ k: undefined })
　　}
})

 

原因是 “{ }”本身是一个 new Object() 的语法糖，如果写成{ k: undefined }，k 将会被解析成一个新的键，等同于声明了一个新的变量，它不会指向map函数中的item.

setFieldsValue并非不生效，只是作用在了键为“ k ”的表单项中，我在HTML中增加了一个键为k的表单项，通过这行语句果然改变了这个表单项的值，

 

this.form.setFieldsValue({ [k]: undefined })

将第4行改成  [ k ] 来改变“ k ”的指向  ，使得它能获取到map( )函数item的值。

 

---

基础语法很重要

 

- END -