Vue.js 如何在vuejs中读取json对象？

以下是我的json对象：

const faqs = [{'question1':'answer1'},{'question2':'answer2'}]

我正在div as中的vuejs for循环中阅读此内容

<div v-for="(value, name, index) in faqs" :key="index">{{ value}}::{{ name }}</div>

{{value}}：：{{name}

但是我没有得到要求的结果

请告诉我我做错了什么

以下是控制台日志：

谢谢,，

---

Trupti

在这个循环中，您将迭代

常见问题解答

数组，这意味着它将逐个遍历包含的每个对象。循环不会进入对象，因此，需要单独的循环

此外，您的数据格式不正确，请尝试将其转换为以下格式：

[{ question: "question 1", answer: "answer 1"}, {question: "question 2", answer: "answer 2"}]

之后，您可以执行以下操作：

<div v-for="(value, index) in faqs" :key="index">{{ value.question}}::{{ value.answer }}</div>

另一方面，如果您确实希望迭代包含对象的属性，则需要执行以下操作：

<div v-for="(value, index) in faqs" :key="index">
    <div v-for="(propValue, propName) in value">
    {{propName}}::{{propValue}}
</div>

{{propName}}：：{{propValue}

---

这将适用于您发布的原始表单中的数据。您有第一个循环，它逐个遍历每个对象（问题-答案对），第二个嵌套循环，它遍历每个对象的属性。

在这个循环中，您迭代了

FAQ

数组，也就是说，它逐个遍历包含的每个对象。循环不会进入对象，因此，需要单独的循环

此外，您的数据格式不正确，请尝试将其转换为以下格式：

[{ question: "question 1", answer: "answer 1"}, {question: "question 2", answer: "answer 2"}]

之后，您可以执行以下操作：

<div v-for="(value, index) in faqs" :key="index">{{ value.question}}::{{ value.answer }}</div>

另一方面，如果您确实希望迭代包含对象的属性，则需要执行以下操作：

<div v-for="(value, index) in faqs" :key="index">
    <div v-for="(propValue, propName) in value">
    {{propName}}::{{propValue}}
</div>

{{propName}}：：{{propValue}

---

这将适用于您发布的原始表单中的数据。您有第一个循环，它逐个遍历每个对象（问题-答案对），第二个嵌套循环，它遍历每个对象的属性。

我做到了…在控制台中我得到了常见问题解答…但在div中没有…我做到了…在控制台中我得到了常见问题解答…但在div中没有…我尝试了，但没有工作。我已经附上控制台日志的主要问题的图像。请看一看。从我看到的图片来看，您应该可以访问整个路径，因此它可以类似于

让常见问题解答=[0]。pageContent

并使用我的第一个建议方法您就是那个人…救了我…现在正在工作…非常感谢您…我尝试过，但没有工作。我已经附上控制台日志的主要问题的图像。请看一看。从我看到的图片来看，您应该可以访问整个路径，因此它可以类似于

让常见问题解答=[0]。pageContent

并使用我的第一个建议方法您就是那个人…救了我…现在正在工作…非常感谢您。。。