当前位置: 首页 > Web前端 > vue.js

在vue中使用element-resize-detector

时间:2023-04-01 01:15:19 vue.js

1,安装npminstallelement-resize-detector--save2。在组件中使用导入工具包或者在单独的js中使用importresizeDetectorfrom'element-resize-detector'如图,当浏览器窗口发生变化时,此时echarts无法进行自适应效果,因为切换菜单显示效果不会触发window.onresize,所以解决类似的问题,我们可以使用element-resize-detector3。实际应用constelementResizeDetectorMaker=require("element-resize-detector");让erd=elementResizeDetectorMaker();erd.listenTo(this.$refs.lineChart,()=>{this.$nextTick(function(){constlineChart=this.$echarts.init(this.$refs.lineChart);//重置echarts大小lineChart。调整大小();});});4.从元素中移除监听器RemoveListener(element,listener)从元素中移除所有监听器,但不会完全移除检测器。如果以后可能会添加listener,并且不想再次初始化detector,请使用这个函数uninstall(element)最后,如果您觉得这篇文章对您有用,请给我们的开源项目一点star:http://github.crmeb.net/u/defu非常感谢任何帮助!免费源码地址:http://www.crmeb.comPHP学习手册:https://doc.crmeb.com技术交流论坛:https://q.crmeb.com