vue 封装的 echarts 组件被同一个页面多次调用,数据被覆盖问题解决办法。
子组件:<template><div><div id="myChart" :style="echartStyle"></div></div></template>echarts init 选择
·
子组件:
<template>
<div>
<div id="myChart" :style="echartStyle"></div>
</div>
</template>
echarts init 选择 id选择器元素来初始化了
this.charts = this.$echarts.init(document.getElementById(id));
更改为:
<template>
<div>
<div ref="bar_dv" :style="echartStyle"></div>
</div>
</template>
初始化方式:
this.charts = this.$echarts.init(this.$refs.bar_dv)
详情查看 ref 常见使用场景(个人见解)
更多推荐
已为社区贡献60条内容
所有评论(0)