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

KiddzPlay

v-dialog单击图表上的某个点时,我试图打开一个我将对话框的绑定v-modelthis.dialog(数据属性),但是设置this.dialogtrue不会打开对话框。当我检查的值时this.dialog,它确实是true为什么对话框没有打开?

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

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

onClick处理器不具备的情况下正确绑定,所以this不是在Vue的组件实例存在。请改用箭头功能

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

在图表上编辑打开v对话框,单击

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在 vue 中从 chart.js 更新图表

单击按钮时图表未呈现w / Chart.js

单击Angular 6中的图像时如何打开文件对话框

Chart.js和Angular-单击Chart上的事件

当用户单击时,如何从jquery ui对话框中获取按钮ID的值?

在Vue.Js中单击“确定”后,关闭模态对话框

如何在单击按钮时打开PrimeNG p对话框并将数据从组件传递到p对话框?

单击输入框而不是图标或箭头时如何打开Datepicker对话框

无法在Google Chart API中单击标签

在站点上单击按钮时,打开另存为对话框的正确方法是什么?

单击chart.js中的按钮时更改数据

通过单击图表Chart js + react打印列表

Android:在 TextView 上打开对话框单击

单击时导航按钮未打开对话框

单击通知时打开对话框 (FCM)

如何在单击条形图中的条形时打开对话框?

如何在单击HTML表格单元格时打开jQuery ui对话框

当我在Recyclerview中单击ImageView时,我想打开对话框

当用户在 JQuery UI 中的模态对话框之外单击时,如何防止模态对话框关闭?

如何从上次打开的对话框的按钮单击中删除所有对话框?

在父级上打开Vue对话框(模态)

在屏幕上单击时隐藏透明对话框视图

Chart.js - 单击按钮时显示新数据

在chart.js中的各个栏中单击时如何显示Bootstrap模态

如何将图像src传递到Vue中的模式对话框中(以便缩放单击的图像)?

单击AngularJS打开模式对话框

Vue.js - 打开对话框以编辑记录

Java:如何在显示对话框时禁用面板上的单击?

单击按钮时如何在按钮上创建警报对话框?