SOURCE

var app = new Vue({
  el: '#app',
  data() {
    // 页面属性列表
    return {
      ruleForm: {
        tmlist: [
          {
            tm: '为了较好地理解某些事物，我首先',
            a: '试试看。',
            b: '深思熟虑。'
          },
          {
            tm: '我办事喜欢',
            a: '讲究实际。',
            b: '标新立异。'
          },
          {
            tm: '当我回想以前做过的事，我的脑海中大多会出现',
            a: '一幅画面。',
            b: '一些话语。'
          },
          {
            tm: '我往往会',
            a: '明了事物的细节但不明其总体结构。',
            b: '明了事物的总体结构但不明其细节。'
          },
          {
            tm: '在学习某些东西时, 我不禁会',
            a: '谈论它。',
            b: '思考它。'
          }
        ]
      },
      rules: {
        xz: [
          { required: true, message: '每个题都必须作答，请选择', trigger: 'blur' }
        ]
      }
    }
  },
  async created() {
    // 页面被创建
  },
  async mounted() {
    // 初始化页面完成后
  },
  methods: {
    // 页面函数列表
    onSubmit() {
      this.$refs['ruleForm'].validate((valid) => {
        if (valid) {
          console.log(this.ruleForm.tmlist)
        } else {
          console.log('error submit!!')
          return false
        }
      })
    }
  }
});

<div id="app"><template>
<!-- 请勿修改上面的内容 -->
  <div>
    <el-form ref="ruleForm" :model="ruleForm" label-position="top" label-width="80px">
      <el-form-item
        v-for="(item,i) in ruleForm.tmlist"
        :key="item.tm"
        :rules="rules.xz"
        :prop="'tmlist['+i+'].xz'"
        :label="(i+1)+'.' + item.tm"
      >
        <el-radio v-model="item.xz" label="a">{{ item.a }}</el-radio>
        <el-radio v-model="item.xz" label="b">{{ item.b }}</el-radio>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">提交</el-button>
      </el-form-item>
    </el-form>
  </div>
<!-- 请勿修改下面的内容 -->
</template></div>

@import url("//unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css");