<!--判断题-->
<style>
  .v_judgeQuestion {
    width: 100%;
  }

</style>
<template>
  <div class="v_judgeQuestion">
    <table v-if="data&&data.QuestionContentObj&&data.QuestionContentObj.length>0" class="common_TiTable">
      <tbody v-for="(item,index) in data.QuestionContentObj" :key="index">
        <tr>
          <td style="width:50px;text-align:center;">
            <div class="Answer_List2">
              {{item.Name}}
            </div>
          </td>
          <td style="vertical-align:middle;">
            <span v-if="index==0">对</span>
            <span v-if="index==1">错</span>
          </td>
        </tr>
      </tbody>
      <tfoot v-if="isShowAnswer">
        <tr>
          <td colspan="2">正确答案：{{data.Answer}}</td>
        </tr>
        <tr>
          <td colspan="2">解析：<span v-html="data.AnswerParse"></span></td>
        </tr>
      </tfoot>
    </table>
  </div>
</template>
<script>
  export default {
    props: {
      questionObj: {
        type: Object,
      },
      //是否显示答案和解析
      isShowAnswer: {
        type: Boolean,
        default: false,
      }
    },

    data() {
      return {
        data: this.questionObj,
      };
    },
    created() {},
    methods: {

    },
    mounted() {

    },
    watch: {
      isShowAnswer: {
        handler(newValue) {

        },
        deep: true
      },
    }
  };

</script>
