单击 vue-chartjs 中图表上绘制的值时如何打开对话框

Question

我试图在单击图表上的某个点时打开 v-dialog。我将对话框的 v-model 绑定到 this.dialog（数据属性），但是将 this.dialog 设置为 true 不会打开对话框。当我检查 this.dialog 的值时，它确实是 true。为什么对话框打不开？

<line-chart
    :chart-data="datacollection"
    :options="optionscollection"
    />

this.optionscollection = {
  onClick: function(evt, item) {
    this.dialog = true;
  }
};

Answer 1

onClick 处理程序没有正确绑定其上下文，因此 this 不是那里的 Vue 组件实例。请改用 arrow function：

this.optionscollection = {
  onClick: (evt, item) => {
    this.dialog = true;
  }
};

单击 vue-chartjs 中图表上绘制的值时如何打开对话框

How can I open the dialog when clicking the value that has been plot on chart in vue-chartjs

javascript

vue.js

vuejs2

vue-chartjs