vue的生命周期中创建echarts失效

简介: 1. 在beforeCreate、created、beforeMount三个钩子 中,创建echarts实例会失效。 2. 失效原因猜测:由于beforeCreate、created、beforeMount这三个周期是在挂载结束之前的生命周期中。

1. 在beforeCreate、created、beforeMount三个钩子 中,创建echarts实例会失效。

 

2. 失效原因猜测:由于beforeCreate、created、beforeMount这三个周期是在挂载结束之前的生命周期中。通过debugger逐步运行,可以看出,在这三个周期 中,echarts的实例是被创建了的,但是没有数据。在echarts创建之后,vue的相关代码继续运行,到vue实例,被挂载后,页面刷新一次,echarts的实例被覆盖。

这个是我目前的个人看法,如果说得不对,希望大佬指出

相关文章
|
2月前
|
JSON JavaScript 定位技术
vue中使用echarts实现省市地图绘制,根据数据显示省市天气图标及温度信息
vue中使用echarts实现省市地图绘制,根据数据显示省市天气图标及温度信息
317 1
|
1月前
|
监控 JavaScript 前端开发
vue学习第十二章(生命周期)
欢迎来到我的博客,我是瑞雨溪,一名热爱JavaScript和Vue的大一学生。本文深入探讨了Vue实例的生命周期,从初始化到销毁各阶段的关键钩子函数及其应用场景,帮助你更好地理解Vue的工作原理。如果你觉得有帮助,欢迎关注我,将持续分享更多优质内容!🎉🎉🎉
30 1
vue学习第十二章(生命周期)
|
4月前
|
JavaScript 开发者
[译] 监听第三方 Vue 组件的生命周期钩子
[译] 监听第三方 Vue 组件的生命周期钩子
|
2月前
|
JavaScript
Vue 的父组件和子组件生命周期钩子执行顺序
在 Vue 中,父组件和子组件的生命周期钩子执行顺序如下:
|
2月前
|
JavaScript
|
2月前
|
JavaScript
vue3 生命周期
【10月更文挑战第14天】vue3 生命周期
|
2月前
|
开发者
vue3生命周期钩子变化
【10月更文挑战第4天】
|
2月前
|
JavaScript 前端开发 API
深入探索挖掘vue3 生命周期
【10月更文挑战第10天】
50 0
|
2月前
|
JavaScript
vue中使用echarts绘制双Y轴图表时,刻度没有对齐的两种解决方法
vue中使用echarts绘制双Y轴图表时,刻度没有对齐的两种解决方法
536 0
|
2月前
|
JSON JavaScript 前端开发
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
701 0

热门文章

最新文章