第一步:在components文件中新建一个.vue文件(比如pie)
第二步:在view要用的组件中先
import Bie from "../components/pie";
然后注册组件:components: {pie},
第三步:在data中定义一个数组dataArr(存放后台请求来的数据)
第四步:在父组件中获取数据
getPie(){
this.$gAjax(`/power/use_power_contrast`).then(=>res{
this.dataArr=res.data
}).catch(err=>{console.log(err)});
}
第五步:在父元素template中写上
<pie :dataArr="dataArr"></pie>
第六步:在子组件中先接受父组件传来的值
props: ["dataArr"],
第七步:在父组件中引入echarts
import echarts from "echarts";
第八步:在methods中去处理所需要的数据复制代码
vue中使用echarts时作为组件引入
第一步:在components文件中新建一个.vue文件(比如pie)第二步:在view要用的组件中先import Bie from "../components/pie";然后注册组件:components: {pie},第三步:在data中定义一个数组dataArr(存放后台请求来的数据)第四步:在父组件中获取数据getPie(){this.$gAjax(`/powe...
·
更多推荐
已为社区贡献893条内容
所有评论(0)