if you want to get rid of the input style, you can use css to control
the second one just need to change the final answer

first of all, the first question:

1, how to remove the radio style of input, or radio, the single-option span tag for each topic becomes a blue border and font?

you can make the style of radio transparent, define a class name for span , such as selected , and switch

input[radio] {
    opacity: 0;
}
.selected {
    border: 1px solid lightblue;
    color: lightblue;
}

you can only choose one radio button that can refer to ide/forms.html-sharp%E5%8D%95%E9%80%89%E6%8C%89%E9%92%AE" rel=" nofollow noreferrer "> vue official document , and set the same v-model to each question

second question:

2. How to get the answers to the questionnaire list?

get the value of v-model bound to the radio button

/
<el-form-item>
  <div>{{}}</div>
      <el-radio-group v-model="ruleForm.radio[item]" @change='dealwidthradioResult'>
           <el-radio :label="child.id" v-for="child in item.option" :key="child.id">{{child.name}}</el-radio>
       </el-radio-group>
</el-form-item>

mounted () {

let len =;
for(let i=0;i<len;iPP) {
    this.ruleFormthis.radio.push('')
}

}
methods: {

dealwidthradioResult(val) {
    val
}

}