如何在onclick函数之外访问数据

Question

我需要从Chart初始化对象的id[]函数内部访问组件的数据属性（onClick），但是尝试{{1}时却遇到undefined错误}：

id[position]

我的数据属性：

window.open("/#/user/history/detail/" + id[position], "_self");

和data() { return { id: [1,2,3,4,5] }; } 函数：

onClick

Answer 1

从组件的this和data属性引用变量时，请使用props。

所以代替：

window.open("/#/user/history/detail/" + id[position], "_self");

使用：

window.open("/#/user/history/detail/" + this.id[position], "_self");

Answer 2

在onClick: function(evt, array) { }中，this是Chart实例。要将上下文绑定到Vue实例，请使用arrow function：

this._chart = new Chart({
  onClick: (evt, array) => {
    ...
    console.log(this.id[position])
  }
)

updated fiddle