exam_mp/pages/index/index.vue

<template>
  <Topic :topics="list" mode="practice" @answerChange="answerChange"></Topic>
</template>

<script setup>
import Topic from "@/components/Topic/Topic.vue";
const list = {
  ques: [
    {
      id: 1,
      title: "测试题目测试题目测试题目测试题目测试题目测试题目测试题目测试题目测试题目测试题目测试题目测试题目测试题目测试题目测试题目测试题目测试题目",
      questions: [
        { label: "测试1", value: 1 },
        { label: "测试2", value: 2 },
        { label: "测试3", value: 3 },
        { label: "测试4", value: 4 },
        { label: "测试5", value: 5 },
      ],
      anslist: [2],
    },
    {
      id: 2,
      title: "测试题目",
      questions: [
        { label: "测试1", value: 1 },
        { label: "测试2", value: 2 },
        { label: "测试3", value: 3 },
        { label: "测试4", value: 4 },
        { label: "测试5", value: 5 },
      ],
      anslist: [2, 4],
    },

    {
      id: 3,
      title: "测试题目",
			mode: '综合分析题',
      questions: [
        { label: "测试1", value: 1 },
        { label: "测试2", value: 2 },
        { label: "测试3", value: 3 },
        { label: "测试4", value: 4 },
        { label: "测试5", value: 5 },
      ],
      anslist: [2, 3],
    },
  ],
};

const answerChange = (item) => {
  console.log(item);
};
</script>

<style></style>