我想构建一个Vue FAQ手风琴组件,该组件可从外部API获取json数据

时间:2019-06-18 11:36:09

标签: json api vue.js vue-component accordion

我如何在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"
      },
   ]
}

我的预期结果:根据数组中项目的数量,我想在页面上呈现一个包含每个项目的常见问题的手风琴。

非常感谢!

0 个答案:

没有答案