<!--简答题-->
<style>
  .v_shortAnswerQuestion {
    width: 100%;
    margin-bottom: 20px;
  }

</style>
<template>
  <div class="v_shortAnswerQuestion" >
    <div style="display:flex;" v-if="isShowAnswer">
      <div style="font-weight:bold;">答案：</div>
      <div v-html="data.Answer"></div>
    </div>
    <div style="display:flex;" v-if="isShowAnswer">
      <div style="font-weight:bold;">解析：</div>
      <div v-html="data.AnswerParse"></div>
    </div>
  </div>
</template>
<script>
  export default {
    props: {
      questionObj: {
        type: Object,
      },
      //是否显示答案和解析
      isShowAnswer: {
        type: Boolean,
        default: false,
      }
    },
    data() {
      return {
        data: this.questionObj,
      };
    },
    methods: {

    },
    mounted() {

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

        },
        deep: true
      },
    }
  };

</script>
