Использование реквизита в расчете Vue. js

Question

Я вычислил свойство следующим образом:

  display() {
     return this.labs.map(function(x, i) {
        return [x, this.plotDt[i]];
      });
    }

Он получает данные в виде реквизитов:

  props: ["plotDt", "labs"],

Это массивы одинаковой длины (я ввожу два массива: [a,b,c] [1,2,3] и ожидаем получить сопоставленный массив: [[a,1],[b,2],[c,3]]

Однако как-то это не работает, и когда я проверяю в VueTools, я получаю сообщение: "error during evaluation" Я действительно не знаю, что может быть не так в этом случае.

Answer 1

this не будет иметь области видимости внутри функции, если не использовать функцию стрелки или связывание this с map

Проблема может быть решена как

display() {
 return this.labs.map((x, i)=> {
    return [x, this.plotDt[i]];
 });
}

или

display() {
 return this.labs.map(function(x, i) {
    return [x, this.plotDt[i]];
  },this);
}

Answer 2

Возможный обходной путь может быть:

 display() {
     const vm = this;
     return this.labs.map(function(x, i) {
        return [x, vm.plotDt[i]];
      });
    }

И также возможно, что вам нужно go для метода вместо вычисления. Разум делиться кодом пера?