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));

對於其他代碼無需修改

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章