JSON.parse&&JSON.stringify表单回显问题

JSON.parse&&JSON.stringify表单回显问题_第1张图片
image.png

移动端的自定义表单中有各种各样的组件,下拉框,输入量,级联,省市区等,在拿到表单之后,需要进行值的回显与保存。

出现问题:1.用nameform存储当前选择的数据,但是在回显过程中出现会出现this.nameForm[key]有值,但是却不会显示在表单上。
产生的原因是对级联,时间等字段进行了数据改造,造成数据改动,指向发生变化的问题。
2.清除输入框时,点击下一个输入框清除按钮,清除上一个输入框的值。

分析原因:
1.因为该表单分为主表单和关联表单,关联表单在获取表单数据时进行了数据的转存。


JSON.parse&&JSON.stringify表单回显问题_第2张图片
关联表单字段

所以在第一次进行赋值的时候采用set赋值,视图就可以正常更新。

this.$set(this.nameForm, attachmentKey, this.attchmentModuleList[attachmentKey])

初步猜测是由于这个原因导致的。

参考文章[https://www.cnblogs.com/jpfss/p/9680308.html]

你可能感兴趣的:(JSON.parse&&JSON.stringify表单回显问题)