Vue中回显数据传入表单中无法修改
通过axios请求后台获取了对象,存入了ruleForm中,在页面中通过键获取了值<!--通过element组件实现,这是整个表单的一部分--><el-form-item><el-input v-model="ruleForm.fee"></el-input></el-form-item>但是发现前台操作时没有办法进行修改...
·
通过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));
对于其他代码无需修改
更多推荐
已为社区贡献3条内容
所有评论(0)