鍍金池/ 問答/Java  HTML/ vue中引入echart.js報(bào)錯(cuò)

vue中引入echart.js報(bào)錯(cuò)

圖片描述
圖片描述

圖片描述

圖片描述

回答
編輯回答
孤星

代碼貼出來復(fù)現(xiàn)一下,跑跑。看上去沒啥問題.

好像echarts也有vue版本的,不行就試試配套的唄。
https://www.npmjs.com/package...

2017年9月18日 16:35
編輯回答
喜歡你

建議
類似這么寫

<template>
  <div class="echart-con" ref="echart"> </div>
</template> 
<script>
export default {
   mounted () {
     // this.$refs.echart 插入的 dom element
     var mp = echarts.init(this.$refs.echart)
   }
}
</script>
2017年12月11日 12:39
編輯回答
壞脾滊

感覺是dom還沒有出來,你在$nextTick里面看能把dom打出來不

2018年3月23日 23:49
編輯回答
心沉

生命周期的問題,你init的時(shí)候dom還沒構(gòu)建,建議放到mounted里

2018年1月26日 17:36