vue将试卷错误答案标红

要在Vue中将试卷错误答案标红，您可以使用以下步骤：

1. 在Vue组件中，使用v-for指令遍历试卷中所有的问题和答案；

2. 对于每个答案，使用Vue的条件渲染指令v-if或v-show来检查它是否是错误答案；

3. 如果答案是错误的，将其包装在一个带有样式的标签（如<span>）中，使用CSS将其文本颜色更改为红色。

一个示例代码如下：

<template>
  <div>
    <h2>试卷</h2>
    <ul>
      <li v-for="(question, index) in questions" :key="index">
        <p>{{ question.title }}</p>
        <ul>
          <li v-for="(answer, index) in question.answers" :key="index">
            <span v-if="answer.isCorrect">{{ answer.text }}</span>
            <span v-else class="wrong-answer">{{ answer.text }}</span>
          </li>
        </ul>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      questions: [
        {
          title: '问题1',
          answers: [
            { text: '正确答案1', isCorrect: true },
            { text: '错误答案1', isCorrect: false },
            { text: '错误答案2', isCorrect: false },
          ],
        },
        {
          title: '问题2',
          answers: [
            { text: '错误答案3', isCorrect: false },
            { text: '正确答案2', isCorrect: true },
            { text: '错误答案4', isCorrect: false },
          ],
        },
      ],
    };
  },
};
</script>

<style>
.wrong-answer {
  color: red;
}
</style>

在上面的示例中，我们使用了v-for指令遍历试卷中的问题和答案。对于每个答案，我们使用v-if和v-else指令来检查它是否是正确答案，并将错误的答案包装在一个带有.wrong-answer类的<span>标签中。最后，我们使用CSS将.wrong-answer类的文本颜色更改为红色。