在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ vue組件渲染失敗

vue組件渲染失敗

問題:我編寫了一個(gè)chart組件,在父組件中渲染不出來,但是,在熱加載中修改文件后,就渲染出來了,刷新后有沒有了,瀏覽器console沒有報(bào)任何錯(cuò)誤,并且html已經(jīng)渲染出來component的html元素了,下面是我的代碼:

子組件代碼.png
chart組件代碼

父組件代碼.png
調(diào)用代碼

html代碼.png
html渲染代碼,數(shù)據(jù)渲染失敗

但是在子組件中使用靜態(tài)數(shù)據(jù),渲染是成功的。

補(bǔ)充:

后來調(diào)試發(fā)現(xiàn):在created函數(shù)中,通過異步獲取數(shù)據(jù),然而傳進(jìn)子組件中的數(shù)據(jù)為空,是data中的初始值

希望遇到過相關(guān)問題的人提供些解決思路,謝謝!

回答
編輯回答
六扇門
mounted: function () {
  this.$nextTick(function () {
   //echarts相關(guān)代碼
  })
}
2017年1月29日 22:58