Как я могу открыть диалоговое окно при нажатии на значение, которое было нанесено на график в 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.Вместо этого используйте функцию стрелки :

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