Javascript Vuejs,如何构建对象?

Javascript Vuejs,如何构建对象?,javascript,vue.js,vuejs2,axios,chart.js,Javascript,Vue.js,Vuejs2,Axios,Chart.js,你好,我正试图从API在我的网站上显示图形,要在列中显示我的图形,我需要向他发送一个像这样的对象 data: [{ name: 'Data1', data: [ ['ALIONIVS', 1], ['GARCIC(I)VS', 1], ['NONIVS', 1], ['SERVERS,A', 1] ],

你好,我正试图从API在我的网站上显示图形,要在列中显示我的图形,我需要向他发送一个像这样的对象

data: [{
            name: 'Data1',
            data: [
              ['ALIONIVS', 1],
              ['GARCIC(I)VS', 1],
              ['NONIVS', 1],
              ['SERVERS,A', 1]
            ],
          },
          {
            name: 'Data2',
            data: [
              ['TVTOR', 1],
              ['FVSCINVS', 1],
              ['GVTAMVS / GVMATIVS', 1],
              ['SEVERINVS, -A', 1],
              ['TVSCVS, -A / TVSGVS', 1],
              ['VEIENTA', 1],
            ]
          }
        ],
但我想要动态数据 我正在使用axios从api检索数据

        axios
          .get('../api/civitasnomen/' + this.searchInputcivitas)
          .then(response => {
            this.data1 = response.data.map(item => {
              return [item.lemme, item.nb];
            })
          })

        axios
          .get('../api/civitascognomen/' + this.searchInputcivitas)
          .then(response => {
            this.data2 = response.data.map(item => {
              return [item.lemme, item.nb];
            })
          })
在我的对象中,我希望检索两个api数据

如果在axios中写入此项:

axios .get('../api/civitasnomen/'+this.searchInputcivitas) .然后(response=>this.data1=response.data)

例如Data1=

[ { "nb": 1, "lemme": "ALIONIVS" }, { "nb": 1, "lemme": "GARIC(I)VS" }, { "nb": 1, "lemme": "NONIVS, -A" }, { "nb": 1, "lemme": "SEVERVS, -A" } ] 
和数据2=

[ { "nb": 1, "lemme": "TVTOR" }, { "nb": 1, "lemme": "FVSCINVS" }, { "nb": 1, "lemme": "GVTAMVS / GVMATIVS" }, { "nb": 1, "lemme": "SEVERINVS, -A" }, { "nb": 1, "lemme": "TVSCVS, -A / TVSGVS" }, { "nb": 1, "lemme": "VEIENTA" } ]

假设将
数据
属性初始化为空数组:

data(){
  return {
   data: [],

  }
}

然后使用来自API的结果对其进行更新:

 axios
          .get('../api/civitasnomen/' + this.searchInputcivitas)
          .then(response => {
             this.data.push({
               name:'data1',
               data:response.data.map(item => {
              return [item.lemme, item.nb];
            })
            })
          })

        axios
          .get('../api/civitascognomen/' + this.searchInputcivitas)
          .then(response => {
             this.data.push({
               name:'data2',
               data:response.data.map(item => {
              return [item.lemme, item.nb];
            })
          })

从API返回的数据是什么样子的?我的意思是` this.data=response.data`和` this.data2=response.data`@Boussadjrahim data1=[{“nb”:1,“lemme”:“ALIONIVS”},{“nb”:1,“lemme”:“GARIC(i)VS”},{“nb”:1,“lemme”:“NONIVS,-A”},{“nb”:1,“lemme”:“servs,-A”}和data2:[{“nb”:1,“lemme”:“TVTOR”},{“nb”:1,“lemme”:“FVSCINVS”},{“gVTAVS/gVTAVS”},{“nb”:1,“lemme”:“SEVERINVS,-A”},{“nb”:1,“lemme”:“TVSCVS,-A/TVSGVS”},{“nb”:1,“lemme”:“VEIENTA”}]您的问题不清楚,并且您首先提供的数据与从中返回的数据没有任何共同特征api@BoussadjraBrahim我想使数据对象动态。数据>名称为fixe Data1或Data2,但我希望数据>数据动态。我已更改数据对象以匹配我的API非常感谢您的帮助帮了我很多忙,它工作得很好。谢谢