鍍金池/ 問答/HTML/ Vue 有多個input框里初始會帶信息過來，怎么在修改這個初始信息之后，能收集

Vue 有多個input框里初始會帶信息過來，怎么在修改這個初始信息之后，能收集到被修改的初始信息，未修改的初始信息不收集？

問題描述

做的一個頁面，頁面初始化有一組input框里會帶初始信息過來，比如
以下代碼所見，假如我只修改了公司簡稱，這時想記錄下修改的項，存在一個對象里，其他未變化的不記錄

相關(guān)代碼

<el-form-item label="公司名稱" prop="name">
   <el-input size="medium" v-model="companyForm.name"></el-input>
</el-form-item>

<el-form-item label="公司簡稱">
   <el-input size="medium" v-model="companyForm.reduceName"></el-input>
</el-form-item>

<el-form-item label="公司電話" prop="phone">
    <el-input type="text" size="medium" v-model="companyForm.phone"></el-input>
    <span class="stuff-hering">手機號碼或者固定電話(025-88888888格式)</span>
</el-form-item>

試過watch，不知道是不是方式不對，沒成功，請大家給我點思路

回答
編輯回答
青裙

wacth監(jiān)聽每一個input里面的值 按理也是可以的
我提一個笨的思路

首先 你說的修改時啥？修改了，再改回成原來的叫修改嗎


思路  
    你再存儲到對象的時候  判斷一下你input的值是不是和你通過后臺獲取到的初始值一樣，一樣的話不傳唄，不一樣再傳
2017年6月2日 18:01
編輯回答
爛人

直接watch companyForm應(yīng)該不行，應(yīng)該遍歷companyForm的key

 watch: {
        companyForm: function(val, oldVal) {
            // 遍歷對比
        }
    }

或者你可以監(jiān)聽input的change事件

2017年7月13日 06:37