vue 答题（单选，多选，判断）

这里是后台处理得计分，前台这是渲染题目，以及回显用户答得题

答题

后台数据格式

    <ul>
        <li v-for="(i, index1) in arrlist.pqList" :key="index1">
          <h3>
            <span>{
  { index1 + 1 }}、</span>
            <div class="newtuexam_box">
              <span v-show="i.questionBankType == '1'">（单选题）</span>
              <span v-show="i.questionBankType == '2'">（多选题）</span>
              <span v-show="i.questionBankType == '3'">（判断题）</span>
              {
  { i.subjectContent }}
            </div>
          </h3>
            <!-- 单选，判断 -->
          <div v-show="i.questionBankType !== '2'" style="margin-left: 60px">
            <el-radio-group v-model="radioList[index1]">
              <el-radio
                v-for="(j, index2) in i.optionAll"
                :key="index2"
                :label="j.pqaId"
                @change="handleRadioChanges(j)"
              >
                {
  { j.answerContent }}
              </el-radio>
            </el-radio-group>
          </div>
            <!-- 多选题 -->
          <div v-show="i.questionBankType == '2'" style="margin-left: 60px">
            <el-checkbox-group v-model="checkboxList">
              <el-checkbox
                v-for="(x, index2) in i.optionAll"
                :key="index2"
                :label="x.pqaId"
                @change="handleCheckboxChanges(x)"
              >
                {
  { x.answerContent }}
              </el-checkbox>
            </el-checkbox-group>
          </div>
        </li>
      </ul>
      
      <div class="newtuexam_cont_btn" @click="getsubmit">提交试卷</div>

import { createPaper, paperInfo, inspectionPaper } from "@/api/newtu";
export default {
  components: {},
  data() {
    return {
      arrlist: {},
      paperId: "",
      checkboxList: [],
      r