vue grid layout 里echarts绘图刷新不了
时间: 2023-07-09 17:12:32 浏览: 156
可能是因为 Vue Grid Layout 组件的重绘机制导致的。您可以尝试在 Echarts 组件中添加一个 key 属性,并将其设置为一个动态变量,每次变量更新时,Echarts 组件就会重新渲染,从而解决刷新问题。例如:
```html
<template>
<vue-grid-layout>
<vue-grid-item :key="echartsKey">
<echarts :option="option"></echarts>
</vue-grid-item>
</vue-grid-layout>
</template>
<script>
export default {
data() {
return {
echartsKey: 0, // 动态变量
option: {} // Echarts 配置项
};
},
methods: {
refreshEcharts() {
this.echartsKey++; // 更新动态变量
}
}
};
</script>
```
在需要刷新 Echarts 组件的时候,可以调用 `refreshEcharts` 方法来更新动态变量,从而达到刷新 Echarts 组件的目的。
阅读全文