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

Javascript 将通过API调用和axios接收的JSON数据显示到引导Vue表中,javascript,arrays,json,vue.js,bootstrap-vue,Javascript,Arrays,Json,Vue.js,Bootstrap Vue,我试图将使用Axios通过API调用收到的数据显示到一个整洁的引导Vue表中 使用Axios,将更新每个临床选项卡索引的标题。目前,我使用v-for循环显示每个索引的临床选项卡标题,从而在单行中显示每个选项卡的数据。我想将每个选项卡拆分为自己的表,但不确定如何实现这一点 任何帮助都将不胜感激 data: () => ({ // reactive data property of the component. //test: 'delete l

我试图将使用Axios通过API调用收到的数据显示到一个整洁的引导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)"
                }

            ]

        }),