The treatment of multiple groups of radio by vue

topic description

vue"s treatment of multiple groups of radio
1. Multiple groups of radio are traversed with v-for, how to traverse multiple groups of radio at once
2. How to get all the radio values at once after traversing multiple groups of radio

sources of topics and their own ideas

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Vue.js radio

Apr.05,2021

radioData: [
                {radioRow:[{text:'',checked:true},{text:'',checked:false},{text:'',checked:false}]},
                {radioRow:[{text:'',checked:true},{text:'',checked:false},{text:'',checked:false}]},
                {radioRow:[{text:'',checked:true},{text:'',checked:false},{text:'',checked:false}]},
            ]

<div v-for="(item,index) in radioData" :key="index">
    <div v-for="(radio,radioIndex) in item.radioRow" :key="radioIndex">{{radio.text}}</div>
</div>

get all the checked? Traverse this object

Previous: How to correctly determine the checked status of input and get the input values of all checked states in the change event in the vue project?

Next: How to get the value of an element

In vue, the radio binding problem with the checkbox
In the vue project, using the radio box, v-model binds an array. When the array is empty, the radio box is still selected. <input type="radio" v-model="arr" > data() { return { arr: [] } } how to modify it, ...

Vue.js radio

Mar.10,2021