将数组数据添加到Vue中而不丢失旧数据

Question

我正在制作vue应用程序，我想添加更多的数据，这些数据通过laravel返回以数组形式获取而不会丢失旧数据

我的方法是

    getData () {
        axios.get('get/users')
            .then(response => {
                this.queue = response.data.users
            })
        .catch(e => {
          this.errors.push(e)
        })
    }

和我的数据

    data: function () {
        return {
            queue: []
        }
    },

完整脚本是

  data: function () {
        return {
            queue: []
        }
    },

  created () {
    this.getData()
  },
  methods: {


    getData () {
        axios.get('get/users')
            .then(response => {
                this.queue = response.data.users
            })
        .catch(e => {
          this.errors.push(e)
        })
    },

    decide (choice) {
      this.$refs.tinder.decide(choice)
    },

    submit (choice) {
      switch (choice) {
        case 'nope': // 左滑
          break;
        case 'like': // 右滑
          break;
        case 'super': // 上滑
          break;
      }
      if (this.queue.length < 2) {
        this.getData()
      }
    }
  }

这是视频链接

https://youtu.be/iv82EGMD4XA

我想在队列还有2个数据时触发this.getData（） 获取用户并将数组数据添加到队列中，而不会丢失旧的队列数据

Answer 1

您可以使用concat function

this.queue = this.queue.concat(response.data.users); 

在axios响应中

代替

this.queue = response.data.users