您的当前位置:首页正文

vue监听元素宽高变化,插件element-resize-detector

2023-02-07 来源:客趣旅游网
vue监听元素宽⾼变化,插件element-resize-detector

⼀、问题情况

要监听某个元素的宽⾼变化,做出相对应的操作,像重绘echarts图或者改变位置等等

⼆、解决过程

1、搜索之后发现有个挺好⽤的插件element-resize-detector,可以减轻⼯作量2、下载

cnpm i element-resize-detector --save

3、导⼊⽅式单个⽂件中引⼊

const elementResizeDetectorMaker = require('element-resize-detector')

4、在mounted周期中调⽤methods中的⽅法函数mounted周期中的代码 ---------------------》methods中的函数 ---------------------》

⾃定义函数中的代码部分

const erd = elementResizeDetectorMaker() const that = this

erd.listenTo(document.getElementById('id元素'), function(element) { ⾃⼰的代码块 })

5、 ⽤element.offsetHeight就可以获取⾼度。

ps:不太会写博客,如有侵权,请私信我。

因篇幅问题不能全部显示,请点此查看更多更全内容