将通过API调用和axios接收到的JSON数据显示到Bootstrap-Vue表中

Question

我试图将通过Axios通过API调用收到的数据显示到一个整洁的Bootstrap-Vue表中。

使用Axios，每个临床标签索引的标题都会更新。目前，我正在使用v-for循环显示每个索引的临床标签标题，因此在一行中显示每个标签的数据。我想将每个选项卡拆分到自己的表中，但不确定如何实现。

任何帮助将不胜感激！

data: () => ({
            // reactive data property of the component.
            //test: 'delete later',
            loading: true,
            clinicaltabs: [
                {
                    id: 1,
                    title: "Observations Go Here",
                    htmlcontent: "Observations (Tab 1)"
                },
                {
                    id: 2, 
                    title: "Medications Go Here",
                    htmlcontent: "Medications (Tab 2)"
                },
                {
                    id: 3,
                    title: "ADLs Go Here",
                    htmlcontent: "ADLs (Tab 3)"
                }

            ]

        }),