How to dynamically add subcomponents and take values through click events

clipboard.png
as shown in the figure, the content of the parent component is shown. The requirement now is that every time you click to add a professional qualification certificate, the parent component will have more content as shown in the red area. I write the red area as a component, reference it within the parent component, want to know how to refer to it more than once per click, and the most important thing is how I get the value of a child component that has been referenced multiple times (for example, I have referenced this component three times. How to get all the values)

Vue.js
Sep.18,2021

vue is data-driven, and your component content should be traversed by v-for: 

<template>
    <div v-for='item in arr'>
            <select v-model='item.a'></select>
            ....
    </div>
</template>
<script>
    ...
        arr:[{},{}]//arr
    ...
</script>

in this way, your click event can only add the value in the array arr, and finally take arr is the data you want.

upstairs dei

Previous: Vue gzip compression suffix problem?

Next: Problem triggered by bootstrap drop-down menu

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
© 2021 CodesHelper
Advertising Contact us About us
Menu