解决方案
第一步:通过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();
})
})
【element】表格自适应-页面elementResizeDetector获取
最新推荐文章于 2024-08-31 08:33:04 发布