vue——全局element-凯发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高级教程

凯发k8官方网的解决方案：

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

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

 

总结

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

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