The data of the vue elementUI drop-down box is bound bidirectionally, and the bound value is empty.

problem description:

there is a requirement in the project, that is, the form is submitted with a drop-down box, and the drop-down box is at the hospital level, while different hospitals have different scores. Select different hospitals, fill in the scores automatically below, and finally submit the data.

the current bug: score binds successfully, but the level (academicLevel) field is always empty when the final submission is made.

related codes

template Code

academic: [{category: "", score: 1}, {category: "", score: 2}, {category: "", score: 4},]
0: {category: "", score: 1}
1: {category: "", score: 2}
2: {category: "", score: 4}
3: {category: "", score: 4}
4: {category: "", score: 4}
5: {category: "", score: 4}
6: {category: "", score: 6}
7: {category: "", score: 6}
8: {category: "", score: 6}

expected result:

the drop-down box selects the hospital of traditional Chinese medicine, automatically binds the score below, and finally submits it.

Javascript

Oct.29,2021

v Merry model = "academicForm.academicLevel"

<el-select v-model="academicForm.academicLevel" placeholder="" @change="currentSel">
          <el-option v-for="item in postLevel" :key="item.category" :label="item.category" :value="item.score">
          </el-option>
        </el-select>

Previous: In cooperation with the front-end React+Antd, how to write the interface to receive the pictures uploaded by the Upload component?

Next: How does vue-cli3.0 configure assetsSubDirectory?

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