vue.js - vue中引入chart.js，既不报错也没有反映

问题描述

问 题

我在项目中引入chart.js，在获取数据成功之后，调用一个方法，这个方法里面初始化了chart环状图，但是页面既不报错也没有出现环状图
也引入了 import Chart from './js/Chart';
Chart.js里面 也进行了 导出export default Chart;

showImage(){

    // 环状图
    var data1 = [
      {
        value: this.chartValue1,
        color: "#ffac28"
      },
      {
        value: this.chartValue2,
        color: "#1f85cc"
      }

    ];
    console.log(data1);
    var ctx = document.getElementById("myChart").getContext("2d");
    console.log(ctx);
    new Chart(ctx).Doughnut(data1, {
      percentageInnerCutout: 80
    });

  }

解决方案

this.$nextTick放在这里面执行就可以了，因为点击查询后，会有新的dom元素。

这篇关于vue.js - vue中引入chart.js，既不报错也没有反映的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！