怎么把选中的答案，传回后端，让后端可以接受到

Question

问题遇到的现象和发生背景

怎么把选中的答案，传回后端，让后端可以接受到，

用代码块功能插入代码，请勿粘贴截图

<template>
    <div>
        <el-form :model="form" label-width="100px" ref="questionForm">
        <el-form-item style="text-align: center;margin-left:-120px;margin-top:30px;">
          {{exam.examName}}
        </el-form-item>
        <el-form-item v-for="(question,index) in questions" :key="index">
            <div>
                {{question.id}} {{question.questionDescription}}
            </div>
            <el-radio-group v-model="form[question.id]">
              <el-radio label="A">{{question.aDescription}}</el-radio>
              <el-radio label="B">{{question.bDescription}}</el-radio>
              <el-radio label="C">{{question.cDescription}}</el-radio>
              <el-radio label="D">{{question.dDescription}}</el-radio>
            </el-radio-group>
        </el-form-item>
        
        <el-form-item>
          <el-button type="primary" @click="submitForm('questionForm')">提交</el-button>
        </el-form-item>
      </el-form>
    </div>
  </template>




  <script>
  
import {getQuestions} from "@/api/system/exam";
export default {
    data() {
      return {
        questions:[],
        exam:{},
        form:{},
      };
    },
    created() {
    
    const examId=this.$route.params && this.$route.params.examId;
    if(examId){
        // this.loading=true;
        // listExamQuestion(examId).then((response)=>{
        //     this.exam=response.exam;
        //     this.questions=response.questions;
        //     this.total=this.questions.length;
        //     this.loading=false;
        // })
        this.loading=true;
        getQuestions(examId).then((Response)=>{
            this.exam=Response.exam;
            this.questions=Response.questions;
            this.loading=false;
            console.log(this.questions)
        })
        


    }
    },
    methods:{
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          console.log(this.form,'11111')
          // 已经取到值了，第一题id是1,对应的就是this.form[1]
          // 取到值之后就可以校验，然后请求
        });
    }
  }
};

  </script>



  <style lang="scss" scoped>
  .align-center {
    text-align: center
  }

  .exam-question-item {
    padding: 10px;

    .el-form-item__label {
      font-size: 15px !important;
    }
  }

  .question-title-padding {
    padding-left: 25px;
    padding-right: 25px;
  }
</style>

Answer 1

写个ajax把参数传给后端不就行了么