Доступ к данным об экземпляре диаграммы js и переменной компонента

Question

У меня есть следующая функция onClick внутри моего экземпляра ChartJS.Он отлично работает для доступа к компонентным переменным.

onClick: () => {
    console.log(this.test);
  },

Теперь мне нужно получить некоторую информацию о графике.

Например:

Используя эту функцию ниже, я могу получить доступ к событию щелчка и массиву, но не могу получить доступ к переменной компонента, как в функции первой стрелки

chartClickEvent(event, array) {
    const ENTRADA = 0, SAIDA = 1;
    if (array[0]) {
      let columnIndex = array[0]._index;
      if (columnIndex == ENTRADA) {
        console.log(this.test);
      }
    }
  }

Это показывает undefined, когда я пытаюсь напечатать переменную компонента

onClick: chartClickEvent,

Как получить доступ к обоим?Данные о графике и переменной компонента

Answer 1

Используйте функцию Function.prototype.bind :

onClick: chartClickEvent.bind(this)

Здесь происходит, когда выполняется chartClickEvent область действия отличается и т. Д.this - это не то, что вы ожидали.

Функция bind возвращает новую функцию, связанную с определенным вами this.

Конечно, вы можете использовать функция стрелки там же:

onClick: (event, array) => chartClickEvent(event, array)