Невозможно прочитать свойство 'array_name' из неопределенного - Vue. js

Question

Я пытаюсь получить данные через запрос Ax ios 'и pu sh в массив. Вот мой код:

props: [
      'products',
    ],
    data: function () {
      return {
        algolia: '',
        products_data : [],
      };
    },
mounted() {
        this.products_data = this.products;      
      }
methods: {
      find () {
        let new_product = {};

        axios.get('/product/find?barcode=' + this.barcode)
        .then(function (res) {
          new_product.name = resp.data.name
          new_product.barcode = resp.data.barcode
          new_product.unit = resp.data.unit

          this.products_data.push(new_product);
        })
        .catch(function (err) {
          console.log(err);
        })
     },
}

Я получаю сообщение об ошибке Cannot read property 'products_data' of undefined подать в суд на эту строку this.products_data.push(new_product); Я новичок в Vue. Любая помощь будет очень ценной.

С уважением

Answer 1

это должно работать, я удалил синтаксис функции и использовал функцию стрелки.

find () {
    let new_product = {};

    axios.get('/product/find?barcode=' + this.barcode)
    .then((resp) => {
      new_product.name = resp.data.name
      new_product.barcode = resp.data.barcode
      new_product.unit = resp.data.unit

      this.products_data.push(new_product);
    })
    .catch((err)=> {
      console.log(err);
    })
 }