- 博客(3)
- 收藏
- 关注
原创 vue3解决一个页面不能多次出现同一个echarts
使用ref获取元素节点的好处是可以直接在Vue实例中获取元素节点,而且即使元素发生变化,也能够获取到最新的元素;我们把代码又粘了一份 发现 这样行不通的 有一个数据或者两个数据是展示不出来的。有时候我们页面需要展示两次同一个echarts 像下面的效果一样.原因是我们用了id选择器 同一个页面只能使用一个id.这时候我们可以想到另外一个东西ref.我直接把id改成ref就可以了.
2023-09-01 16:56:48 368 1
原创 echarts不适配问题 页面大小发生改变 echarts不会跟随改变
我们可以通过监听window的尺寸 在发生变化的时候调用echarts.resize()方法就可以解决echarts适配问题。当我们浏览器缩小的时候发现echarts并没有随之缩小只有再次刷新后在可以缩小。echarts需要做适配 我用了vw单位。
2023-07-17 14:02:00 999 1
原创 vue3路由二次跳转后echarts不显示需要重新刷新才能显示
在页面销毁的时候也把图标实例给销毁掉 用dispose()方法。这样就不会在警告 和二次进入页面echarts不显示了.第一次进进入这个页面正常页面数据都显示。再次进入路由后 echarts不显示。通过翻译我们看出问题所在。
2023-07-17 13:08:39 1121 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人