vue+echarts 父子组件传值及同页面使用一个组件绘制多个图表的案例(按需引入)
vue+echarts 父子组件传值及同页面使用一个组件绘制多个图表的案例(按需引入)
最终的效果图,还需要做一些视觉效果,只需要在子组件里面编写就可以
子组件内容
v-bind:id就是绑定id,从父组件获得不同的id,不然id相同echarts画图时无法识别图表就显示不出来。ref绑定data用于同一个页面可以重复调用子组件,以便获得不同的data。
<!-- 子组件.vue -->
<template>
<div class="echarts">
&l
原创
2021-04-29 16:45:57 ·
943 阅读 ·
1 评论