fix:修改多选题回显问题

ZhangXianQiang

2024-07-01 fa81e34f3173dd9545d3d79d14ec4deaf09cf846

 src/views/grade/index.vue

@@ -7,7 +7,8 @@
          <div class="title-container text-3xl font-semibold text-white mr-8">
            {{ examInfo.examName }}
          </div>

          <AnswerGrade></AnswerGrade>
          
          <div class="return-container grow flex justify-end">
            <el-button type="danger" size="large" circle @click="closeClick">
              <template #icon>
@@ -49,6 +50,7 @@
              <div class="main-wrapper w-full grow relative my-5">
                <div class="main-content absolute top-0 bottom-0 w-full">
                  <Transition appear name="fade-transform" mode="out-in">
                    <component :is="typeComponent[currentType]" :key="currentIndex"></component>
                  </Transition>
                </div>
              </div>
@@ -73,12 +75,16 @@
</template>

<script setup>
import { ref, watchEffect } from 'vue';
import { storeToRefs } from 'pinia';
import { Close,Timer } from '@element-plus/icons-vue';
import { Close } from '@element-plus/icons-vue';

import AnswerTag from './components/answer-tag/index.vue';
import AnswerSheet from './components/answer-sheet/index.vue';
import AnswerGrade from './components/answer-grade/index.vue';

import AnswerSingle from './components/answer-main/answer-single/index.vue';
import AnswerMultiple from './components/answer-main/answer-multiple/index.vue';
import AnswerAudio from './components/answer-main/answer-audio/index.vue';

import { useGradeStore } from '@/store/index.js';
import { useRouter } from 'vue-router';
@@ -88,11 +94,11 @@
const gradeStore = useGradeStore();
const { currentType, currentIndex, examDetail, examType, examInfo } = storeToRefs(gradeStore);

// const typeComponent = {
//   1: AnswerSingle,
//   2: AnswerMultiple,
//   3: AnswerAudio,
// };
const typeComponent = {
  1: AnswerSingle,
  2: AnswerMultiple,
  3: AnswerAudio,
};


const prevQuestion = () => {