vue el-dialog里使用echarts 数据更新,图表未更新解决办法

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^^

你可能感兴趣的:(vue,echarts)