解決方案?

第一步：通過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高級教程

解決方案：

let that = this; this.$erd.listenTo(document.getElementById("bar"), function (element) {that.$nextTick(function () {//使echarts尺寸重置that.myEcharts.resize();}) })//監聽元素變化

參考文章

vue 監聽某個容器大小變化（餅狀圖適應容器大小變化）

?

總結

以上是生活随笔為你收集整理的Vue——全局element-resize-detector监听DOM元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。