鍍金池/ 問(wèn)答/HTML/ vue項(xiàng)目中生成echarts柱狀圖報(bào)invalid dom的錯(cuò)?

vue項(xiàng)目中生成echarts柱狀圖報(bào)invalid dom的錯(cuò)?

1、首先根據(jù)網(wǎng)上的方法寫個(gè)容器,我把它寫在了彈窗里:圖片描述

2、引入echarts:圖片描述

3、函數(shù):
圖片描述

4、調(diào)用:
圖片描述

然后打開(kāi)頁(yè)面會(huì)報(bào)這個(gè)錯(cuò):
圖片描述

向Dalao請(qǐng)教原因!謝謝!


補(bǔ)充:我項(xiàng)目的場(chǎng)景是點(diǎn)擊“回款詳情”彈框,在彈框中根據(jù)接口返回的數(shù)據(jù)動(dòng)態(tài)生成柱狀圖!

之前的做法是把echarts抽象成組件,然后引入,如下圖片描述

然后發(fā)現(xiàn)獲取的數(shù)據(jù)不會(huì)引用過(guò)去,只好寫在一個(gè)頁(yè)面里,先給它簡(jiǎn)單的把柱狀圖整出來(lái)再說(shuō)..

回答
編輯回答
小眼睛

怎么解決的?方便發(fā)一下代碼嗎?謝謝

2017年8月5日 20:20
編輯回答
故人嘆

所有的代碼都是在彈窗組件里的么?
父組件mounted的時(shí)候,子組件可能還未mounted。
所以可以在子組件內(nèi)emit一個(gè)事件,通知父組件去執(zhí)行。

2017年5月26日 12:41