Javascript 通过对象内的数组进行vue循环

我想在对象内部循环一个数组。这是我的。我想要实现的是，例如，我单击

如何制作煎饼？

按钮，它将我重定向到另一个页面，其中显示了一个（引导）页面，其中包含来自这个js文件的全部问题

export const questionList = [
  {
    slug: "how-to-make-pancake",
    title: "How to make pancake?",
    questions: [
      {
        id: 1,
        question: "First question?",
        answer: "First Answer"
      },
      {
        id: 2,
        question: "Second question?",
        answer: "blablablabla"
      }
    ]
  },
  {
    slug: "how-to-make-pancake2",
    title: "How to make pancake2?",
    questions: [
      {
        id: 1,
        question: "First question?",
        answer: "First Answer"
      },
      {
        id: 2,
        question: "Second question?",
        answer: "blablablabla"
      }
    ]
  },
  {
    slug: "how-to-make-pancake3",
    title: "How to make pancake3?",
    questions: [
      {
        id: 1,
        question: "First question?",
        answer: "First Answer"
      },
      {
        id: 2,
        question: "Second question?",
        answer: "blablablabla"
      }
    ]
  }
];

在accordion.vue中，我认为这行代码不起作用

data() {
    return {
      questionslist: questionList.questions,
    };
  }

---

我的问题是，如何访问

问题列表

中每个对象中的问题数组？我很抱歉，如果这有点混乱，我的语言不好。非常感谢。

那么您想将所有

问题

数组展平为一个数组吗？您可以这样做：

data() {
  return {
    questionsList: questionList.reduce((res, obj) => {
      return [...res, ...obj.questions];
    }, [])
  };
}

您可以使用flat（）

---

它给了我一个错误

，您可能需要一个额外的加载器来处理这些加载器的结果data（）{| return{>questionsList:questionList.map（q=>q.questions.flat（）；|}}}

我需要什么类型的加载程序？告诉我全部错误。由于'questionList'是一个数组，您无法以'questionList.questions'的形式访问'questions'。您需要“问题列表[arrayIndex].questions”。现有的答案之一可能会满足您的要求，但只是想澄清一下。

data() {
  return {
    questionsList: questionList.map(q => q.questions).flat();
  };
}