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

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

在这里插入图片描述

<!--通过element组件实现,这是整个表单的一部分-->
<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));

对于其他代码无需修改

猜你喜欢

转载自blog.csdn.net/qq_43642812/article/details/89203712
今日推荐