Question

我的ChartJS实例中具有以下onClick函数。它非常适合access component variables.

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

现在，我需要获取有关图表的一些信息。

例如：

在下面使用此函数，我可以访问click和array的事件，但不能像在第一个箭头函数中那样访问组件变量

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的新函数。

您当然也可以在其中使用arrow function：

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

访问有关图表JS实例和组件变量的数据

1 个答案: