技術標籤：vueecharts

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