我如何在Vue中构建一个FAQ组件,该组件使用来自外部api的JSON数据,并带有一个点击事件,切换手风琴以显示FAQ的答案。数据类似于下面的数据。
这是一个例子...
https://codepen.io/ArielBeninca/pen/KdVJGO
{
"info":{
"responseCode":200,
"responseMsg":"Success"
},
"faqs":[
{
"id":1,
"question":"Lorem ipsum",
"answer":"Lorem ipsum"
},
{
"id":2,
"question":"Lorem ipsum",
"answer":"Lorem ipsum"
},
]
}
我的预期结果:根据数组中项目的数量,我想在页面上呈现一个包含每个项目的常见问题的手风琴。
非常感谢!