Vue中回显数据传入表单中无法修改

通过axios请求后台获取了对象,存入了ruleForm中,在页面中通过键获取了值

在这里插入图片描述


<el-form-item>
	<el-input v-model="ruleForm.fee">el-input>
el-form-item>
但是发现前台操作时没有办法进行修改,或者是出现了一些奇怪的修改结果,通过请教得知,这中这种问题是JS导致的,处理方法为下
  • 将对象转化为字符串
  • 再将字符串转化为JSON对象

也就是说要先将ruleForm进行两次处理, 但是代码非常简单,具体如下

_this.ruleForm = JSON.parse(JSON.stringify(_this.ruleForm));

对于其他代码无需修改

你可能感兴趣的:(Vue)