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

The proportional width of the echarts graph is inconsistent.
The horizontal coordinates of echarts are not specifically marked, and the X coordinates do not have a grid to indicate. Here is a figure that specifies . js * * createChartSix() { this.$http .get(this.$api.dataChart) .then(rsp => { ...

Javascript

Feb.26,2021
Using node to build video streaming server
sincerely ask for advice: < hr > I want to use node as the background to build a video streaming server. The front end is similar to Youku VOD. It can record the playback node function, and load the progress bar at any point (starting from the c...

Cache nginx linux node.js javascript

Feb.26,2021
In the chained promise function, how to determine which promise threw the error
I need to implement in a chained promise function, any function error in the middle terminates the program, and can catch the error function, and then perform different operations according to different error functions. How can the following code be imp...

Javascript es6

Feb.26,2021
Ajax request
I would like to ask what is wrong with this code. Thank you for your answers. ...

Javascript

Feb.26,2021
Apply method confusion
is doing a question on Niuke.com. I encounter a problem: to achieve the function callIt, after the call meets the following conditions 1, the returned result is the result after calling fn 2, and the call parameter of fn is all the parameters after th...

Javascript

Feb.26,2021
Countdown, click event?
A timing examination system is triggered if the click event is triggered within 5 seconds, and if it is not triggered, the system marks the correct answer at the end of the countdown. How to implement ...

Html css javascript

Feb.26,2021
On the problem of regular matching
description: a regular match is given to the content of an input box, and the matching content is the product activation code. looks like this: "0C31-0B81-BB32-3094-0C31-0B81-BB32-3094 " Code: $( -sharplicenseCode ).keyup(function () { le...

Python html5 html php javascript

Feb.26,2021
Custom event, 2 clicks at a time
1. The custom event triggers the click event of .cpcstartrefresh, but triggers 2 click events each time 2. The code is as follows: window.onmessage = function (e) { create an event object, var myEvent = document.createEvent( Event ); m...

Javascript

Feb.26,2021
Problems with Chrome downloading using window.open ()
I configured the MIME type of the file with the amr suffix in the apache configuration as application ms-download, Why it is a garbled page when opening a file in amr format using window.open in chrome, while a file in amr format can be successfully dow...

Firefox chrome html php javascript

Feb.26,2021
Multiple choice questions, how to judge whether the chosen answer is the correct answer?
I got a set of data, which is to choose the type of question. How can I tell if I have chosen the right one answera: "Olympic Games " answerb: "Asian Games " answerc: "Paralympic Games " answerd: "University Games " id: "1772 " question: "f...

Javascript css html

Feb.26,2021
Read a number, such as 521, change this number to 0521, and put it into four div, how to achieve?
read a number, such as 521 change this number to 0521 but put it into four div separately, how to realize it? 0 < div > 5 < div > 2 < div > 1 < div > ...

Javascript es6

Feb.26,2021
React projects cannot save store? using redux, data
react projects cannot save store? using redux, data index.js ReactDOM.render( <Provider store={store}> <Router > < Provider>, document.getElementById( root )) registerServiceWorker() actions export const SET_USER = ...

Javascript react.js redux

Feb.26,2021
How to find all the 'NA' characters in a HMLT page and replace it with "and invalid"
how to find all the NA characters in a HMLT page and replace it with "and invalid " with native JS ...

Javascript

Feb.26,2021
Why not pause after alert, but immediately refresh the address, this alert is written by yourself?
...

Html css javascript

Feb.26,2021
Can I use import and export directly?
suppose there are only a.js and b.js (only two js and nothing else) b.js export A variable is used for a.js can you directly use import and export without using packaging and compilation tools such as webpack or babel can it be achieved with the h...

Node.js javascript

Feb.26,2021
The problem of uploading attachments to the mobile version
do the gods have plug-ins for uploading attachments in the mobile version that can also be uploaded more than one? ...

Html5 node.js css html javascript

Feb.26,2021
WeChat Mini Programs login problem
what does the code circled in the following picture mean? ...

Php javascript

Feb.26,2021
Ask a question about the jquery window object
I look at a html ui project with items such as: var apiserver = window[ apiserver ]; url = apiserver + "filterUrlController getUrlData"; I searched the whole project and couldn t find the value of window [ apiserver ]. How do you un...

Javascript jquery

Feb.26,2021
The vue project introduces particles.js to realize the particle effect, but there is a problem when switching pages?
In the vue-cli project, I directly introduced the particls library into index.html, and the related files are placed in the static directory . <div id="particles-js">< div> <script type="text javascript" src="s...

Front-end javascript vue.js

Feb.26,2021
Js performs asynchronous operations in a loop and then adds each asynchronous result to an array. How can this array be used outside the loop?
How does the code return only the result after the last asynchronous operation in the for loop is completed as shown in the figure? Please stop by and give me a hand. ...

Javascript promise for-cycle

Feb.26,2021