关于vue.js:vue中使用elementresizedetector

33次阅读

共计 772 个字符，预计需要花费 2 分钟才能阅读完成。

1，装置

npm install element-resize-detector --save

2. 应用
引入工具包在组件中应用或者在独自的 js 中应用

import resizeDetector from 'element-resize-detector'

如图，当浏览器窗口发生变化时，但此时的 echarts 并不能执行自适应成果，这是因为切换菜单展现成果并没有触发 window.onresize，所以为解决相似此问题，咱们可应用 element-resize-detector

3. 理论中的利用

  const elementResizeDetectorMaker = require("element-resize-detector");
    let erd = elementResizeDetectorMaker();
    erd.listenTo(this.$refs.lineChart, () => {this.$nextTick(function () {const lineChart = this.$echarts.init(this.$refs.lineChart);
        // 使 echarts 尺寸重置
        lineChart.resize();});
});

4. 从元素中移除侦听器

RemoveListener(element，listener)

从元素中移除所有侦听器，但不齐全删除检测器。如果当前可能会增加侦听器，并且不心愿检测器再次初始化，请应用此函数

uninstall(element)
最初
如果你感觉这篇文章对你有点用的话，麻烦请给咱们的开源我的项目点点 star:http://github.crmeb.net/u/defu 不胜感激！

收费获取源码地址：http://www.crmeb.com

PHP 学习手册：https://doc.crmeb.com

技术交换论坛：https://q.crmeb.com

正文完