刷题系统

html部分

<div>
      <h1>总分数： {{listData.danxuan.length * 5 + listData.duoxuan.length * 10}} 分</h1>
      <h2>单选题(5分)</h2>
      <div v-for="(item, index) in listData.danxuan" :key="index">
        <h4>{{item.name}} <span>{{item.wenti}}</span></h4>
        <el-radio v-for="(y,i) in item.daan" :key="i" v-model="item.thisRadio" :label="y.name">{{y.name}}
        </el-radio>
      </div>
      <h2>多选题(10分)</h2>
      <div v-for="x in listData.duoxuan" :key="x.name">
        <h4>{{x.name}} <span>{{x.wenti}}</span></h4>
        <el-checkbox v-for="(i,y) in x.daan" :key="y" v-model="i.checked">{{i.name}}</el-checkbox>
      </div>
      <el-button>提交试卷</el-button>
</div>

data部分

// 问题
 listData: {
        danxuan: [
          {
            id: '0001',
            name: '第一题',
            wenti: '地球的形状?',
            thisRadio: '',
            daan: [
              {
                name: '正方形'
              }, {
                name: '圆形'
              }, {
                name: '椭圆形'
              }
            ]
          },
          {
            id: '0002',
            name: '第二题',
            wenti: '海水的颜色?',
            thisRadio: '',
            daan: [
              {
                name: '黑色'
              }, {
                name: '白色'
              }, {
                name: '蓝色'
              }
            ]
          },
          {
            id: '0003',
            name: '第三题',
            wenti: '天空的颜色?',
            thisRadio: '',
            daan: [
              {
                name: '黑色'
              }, {
                name: '白色'
              }, {
                name: '蓝色'
              }
            ]
          }
        ],
        // 答案
        duoxuan: [
          {
            id: '0001',
            name: '第一题',
            wenti: '人可以多高?',
            thisRadio: '',
            daan: [
              {
                name: '170厘米',
                checked: false
              }, {
                name: '170米',
                checked: false
              }, {
                name: '1.7米',
                checked: false
              }
            ]
          },
          {
            id: '0001',
            name: '第二题',
            wenti: '人的性别?',
            thisRadio: '',
            daan: [
              {
                name: '男性'
              }, {
                name: '女性'
              }, {
                name: '无性别'
              }
            ]
          }
        ]
      },
      daan: {
        danxuan: [
          {
            id: '0001',
            thisRadio: '正方形'
          }, {
            id: '0002',
            thisRadio: '蓝色'
          }
        ],
        duoxuan: [
          {
            id: '0001',
            thisRadio: ['170厘米', '1.7米']
          }, {
            id: '0002',
            thisRadio: ['男性', '女性']
          }
        ]
},