單擊在Vue-Chart.js中繪制在圖表上的值時如何打開對話框

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;
  }
};