vue执行mounted_Vue Mounted没有执行,请问为什么?

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

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

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

入口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]

}]

});

}

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值