GCLS_Page_Book/src/componentsAnswer/MatchAnswer/index.vue

<template>
  <!-- 匹配题型 -->
  <div class="correct">
    <div class="dialogue_main">
      <component
        :cur="cur"
        :is="getViewCom"
        :queIndex="queIndex"
        :watchIndex="watchIndex"
        :uiType="uiType"
        :handleChildSrcList="handleChildSrcList"
        :bookAnswerShowFlag="bookAnswerShowFlag"
        :bookExamAnswer="bookExamAnswer"
        ref="bookChildren"
      />
    </div>
  </div>
</template>

<script>
import TextImagematch from "./TextImagematchAnswer"

export default {
  name: "Match",
  props: [
    "moduleType",
    "cur",
    "queIndex",
    "watchIndex",
    "uiType",
    "handleChildSrcList",
    "bookAnswerShowFlag",
    "bookExamAnswer"
  ],
  components: {
    TextImagematch
  },
  created() {},
  mounted() {
    console.log(this.cur);
  },
  computed: {
    getViewCom() {
      switch (this.moduleType) {
        case "01":
          return TextImagematch;
        case "02":
          return TextImagematch;
        case "03":
          return TextImagematch;
        case "04":
          return TextImagematch;
      }
    },
  },
  methods:{
      practiceTip () {
        return this.$refs.bookChildren.practiceJudge()
      }
  }
};
</script>

<style scoped>
.dialogue_main {
  height: 100%;
}
.correct {
  height: 100%;
}
.leftArrows {
  margin-top: 40vh;
  float: left;
}
.rightArrows {
  margin-top: 40vh;
  float: right;
}
</style>