javascript - Axios VueJs 响应图唯一

Question

我正在尝试在VueJs前端和Spring后端使用AXIOS检索汽车制造商 ID。 在下面提供的代码中，我已经实现了这一点，但是一些 ID 的重复（这是要发生的），问题是如何过滤掉重复的 ID？

我的getMethod下面。

   getMethod () {
            AXIOS.get(`/url/`)

                .then(response => {
                        if (response.status == 200) {

this.response = response.data                                     
                            this.myTest = response.data.map(mesg => mesg.carManufacterId)
                            console.log(this.myTest)

                        }
                    },
                    (err) => {                

                       if (err.response.status == 500) {

                            console.log('turned off')
                        }
                        else if (err.response.status == 404) {                         
                                console.log('Could not retrieve)
                        }
                    })

        },

标签： javascriptvue.jsvuejs2axios

Answer 1

您可以通过遍历响应数据数组来实现这一点，如果新项目已经在myTest数组中，则检查每次迭代carManufacterId：

this.myTest = []
response.data.forEach(item => {

  if (!this.myTest.some(rec => {
      return item.carManufacterId === rec.carManufacterId
    })) {
    this.myTest.push(item);
  }
});