weixin_43314970
2019-03-12 19:13
采纳率: 66.7%
浏览 5.4k
已采纳

vue 左侧菜单展开隐藏重新渲染

左侧菜单隐藏的时候加载echarts图表
图片说明

点击展开左侧菜单时,echarts图表没有重新渲染
,窗体布局变得很难看,如图
图片说明

一直没找到解决办法,求高手指点

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • weixin_43314970 2019-03-20 11:53
    已采纳

    handleChange () {
    this.$emit('on-change', !this.collapsed)
    setTimeout(function(){
    var evt = window.document.createEvent("UIEvents");
    evt.initUIEvent("resize", true, false, window, 0);
    window.dispatchEvent(evt);
    },200);
    }

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 妖王令剑 2019-03-13 15:24

    加个监控就行了( window.onresize):

    let home1 = echarts.init(document.getElementById('home1'));
    
    home1.setOption({
    ...
    });
    
    window.onresize = function () {
                home1.resize();
    }
    
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题