精华内容
下载资源
问答
  • vue在methods中调用mounted中的方法

    千次阅读 2018-10-16 15:06:22
  • fetch("url", { method: 'GET', }) .then(function(response){ return response.json(); }) .then(function(json){ if(json.status == '1000'){ collVm.reData = json.data; } }) .catch(function(error){ console....

    项目中基于webpack + Vue ,已经用npm install 了echarts

    在js中引用echarts,但图表不显示,而且mounted中的console.log也没有执行,请问为什么啊?

    困扰很久的问题。。求解惑。。

    d83a3708a136e993bfcf8e28458c9e8c.png

    85c525136630ef55319187c4a2de925d.png

    入口js

    import Vue from 'vue'

    var collVm = new Vue(

    {

    el: '#box',

    data: {

    reData: []

    }

    }

    );

    fetch("url", {

    method: 'GET',

    })

    .then(function(response){

    return response.json();

    })

    .then(function(json){

    if(json.status == '1000'){

    collVm.reData = json.data;

    }

    })

    .catch(function(error){

    console.log(error);

    });

    var echarts = require('echarts');

    export default{

    name: 'chart',

    data (){

    return {

    msg: "error:chart"

    }

    },

    mounted (){

    var myChart = echarts.init(document.getElementById('ichart'));

    console.log(true);

    myChart.setOption({

    title: { text: 'ECharts 入门示例' },

    tooltip: {},

    xAxis: {

    data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]

    },

    yAxis: {},

    series: [{

    name: '销量',

    type: 'bar',

    data: [5, 20, 36, 10, 10, 20]

    }]

    });

    }

    }

    展开全文

空空如也

空空如也

1
收藏数 2
精华内容 0
关键字:

vuemounted调用method方法

vue 订阅