单击在Vue-Chart.js中绘制在图表上的值时如何打开对话框

Question

I'm trying to open a v-dialog when I click a point on a chart. I bound the dialog's v-model to this.dialog (a data property), but setting this.dialog to true doesn't open the dialog. When I check the value of the this.dialog , it is really true . Why doesn't the dialog open?

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

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

Answer 1

The onClick handler does not have its context bound properly, so this is not the Vue component instance there. Use an arrow function instead:

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