vue el-dialog里使用echarts 数据更新,图表未更新解决
后台请求数据根据前端设置的条件,数据发生变化。而echarts图表没有重新渲染,解决办法如下
因为el-dialog只有第一次打开的时候会初始化渲染,后面都是直接用缓存里的数据,所以数据更改了,也没有变化。
解决办法
给子组件加上:
v-if="flowDialog"
我的代码:
<el-dialog
title="外部资金流向图"
:visible.sync="flowDialog"
width="1600px"
top="1vh"
style="padding: 10px 20px"
>
<div style="height: 690px">
<externalEchart :exterList="exterList" v-if="flowDialog" />
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="flowDialog = false">取 消</el-button>
<el-button type="primary" @click="flowDialog = false">确 定</el-button>
</span>
</el-dialog>
over^^