Vue has multiple input boxes that initially bring information. How can you collect the modified initial information after modifying the initial information, and not collect the unmodified initial information?

problem description

For a page made by

, the initialization of the page has a set of input boxes that will bring the initial information. For example, as seen in the
following code, if I only modify the company acronym, then I want to record the modified items. There is an object, but the other unchanged items are not recorded

.

related codes 

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

I tried watch,. I don"t know if it is wrong or unsuccessful. Please give me some ideas.

Javascript
Apr.02,2021

directly watch companyForm should not work. You should traverse key

of companyForm . 
 watch: {
        companyForm: function(val, oldVal) {
            // 
        }
    }

or you can listen to the change event

of input .

it is possible for wacth to listen to the values in every input.
Let me suggest a stupid idea 

 


  
      input

Previous: Is the principle of mysql multi-database and multi-table joint check is Synchronize double writing?

Next: Is there any recommendation for printing plug-ins on the web side? Kneel and beg

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3c79d-408a3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3c79d-408a3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?