js在⽅法中调⽤resize⽅法
简介
先介绍⼀下 遇到的问题,在项⽬中 引⼊了 v-charts 进⾏绘图,但是 由于使⽤的 基于 vue 的单页⾯应⽤,在将菜单 隐藏或打开的时候,不能触发 size ⽅法,导致 绘制的图形 发⽣了偏移,⽬前需要的步骤就是 在让 菜单 打开或者隐藏的时候,⼿动触发⼀次 resize ⽅法,让v-charts 图形 ⾃适应。
介绍
在⽹上查资料的时候,遇到了两种⽅法,
直接调⽤ size() ,达到重绘界⾯。 但是我这没有效果
在需要⽤到⽅法中:
javascriptvar e = ateEvent("Event");
e.init("resize",true,true);
window.disapatchEvent(e);
这两种⽅法,我在尝试了之后 都不好使,然后在前台页⾯测试的摸索中,通过控制台 ⼿动输⼊这些指令,发现了⼀些不⼀样的指令(我⽤的时chrome 浏览器),和第⼆种⽅法差不多
var e = ateEvent("Event");
e.initEvent("resize",true,true);
window.disapatchEvent(e);
jquery在项目里是干啥的成功进⾏了 页⾯的重绘。 我也不明⽩是浏览器还是其他的什么原因,希望有⼤神给与解答。。。
由于引⽤的 vue 结合 element使⽤,没有 引⽤ jquery ,jQuery 有⼀个 trigger ⽅法 也可以达到重绘功能。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。