vue——全局element-ag凯发k8国际

第一步：通过npm install element-resize-detector获取elementresizedetectormaker

npm install element-resize-detector

第二步：将依赖引入import elementresizedetectormaker from ‘element-resize-detector’

import elementresizedetectormaker from "element-resize-detector" vue.prototype.$erd = elementresizedetectormaker()

第三步：使用

this.$erd.listento(document.getelementbyid("chinamapchart"), (element)=>{this.resize()})

如果不使用lambda表达式作为监听器，会出现不能获取data和methods的情况，具体原因参考javascript高级教程

ag凯发k8国际的解决方案：

let that = this; this.$erd.listento(document.getelementbyid("bar"), function (element) {that.$nexttick(function () {//使echarts尺寸重置that.myecharts.resize();}) })//监听元素变化

vue 监听某个容器大小变化（饼状图适应容器大小变化）

 

总结

以上是ag凯发k8国际为你收集整理的vue——全局element-resize-detector监听dom元素的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错，欢迎将ag凯发k8国际推荐给好友。