weixin_43314970
weixin_43314970
采纳率100%
2019-03-12 19:13

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

已采纳

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

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • weixin_43314970 weixin_43314970 2年前

    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);
    }

    点赞 评论 复制链接分享
  • qq_40021323 妖王令剑 2年前

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

    let home1 = echarts.init(document.getElementById('home1'));
    
    home1.setOption({
    ...
    });
    
    window.onresize = function () {
                home1.resize();
    }
    
    点赞 评论 复制链接分享

相关推荐