ant design +vue關於二級彈框添加echart圖不顯示的問題

如果你執着修復一個bug並且沒有思路，那就請教一下身邊的人，我也希望好好努力，去尋找一個志同道合的團隊。

效果是這樣，二級彈框中點擊查看結果，出現表格數據和詞雲echarts，可是我怎麼都出現不了，剛開始報錯

就是用js用獲取繪製的echarts圖時，獲取的id是html的dom沒有渲染，所以解析不出來。因爲在二級彈框裏，所以剛開始加載頁面的時候，彈框也沒有打開，就找不到彈框相應的id,所以渲染出錯。
結果搜索結果需要用
定時器請求 settimeout(() => {this.函數名}，1000)
或者this.$nextTick(()=> { this.函數名 })

結果我嘗試使用發現頁面不報錯。

但是在彈框中添加還是不出現，不報錯也不出現，鬱悶。
嘗試寫在頁面中

頁面中顯示，奇了個怪。最後我的老師說你用ref試試。（敲黑板畫重點了）
在vue中，不需要獲取dom節點，元素綁定ref之後，直接通過this. $refs去進行調用。ref用來給元素註冊信息，註冊的信息會在父元素的$refs去進行調用。ref用來給元素注冊信息，注冊的信息會在父元素的refs上。
恍然大悟啊，看來學海無涯苦作舟。
我是怎麼解決的呢？Show you my code

綁定ref
然後

引入ref的信息。

短短兩行代碼，痛徹心扉啊。