vue通过监听浏览器窗口的变化让echarts自适应浏览器

data() {
    
    
	clientWidth: document.body.clientWidth
},
watch: {
    
    
    clientWidth(newVal,oldVal){
    
    
        console.log(newVal);//浏览器窗口变化时,打印宽度。
        let that = this;
        window.addEventListener("resize", () => {
    
    
            if (that.echartsPi) {
    
    
                that.echartsPie.resize();
            }
			if (that.echartsPie1) {
    
    
                that.echartsPie1.resize();
            }
            if (that.echartsPie2) {
    
    
                that.echartsPie2.resize();
            }
		})
    }
},
mounted() {
    
    
	let that = this
	window.onresize =() =>{
    
    
        return (()=>{
    
    
            window.clientWidth = document.body.clientWidth;
            that.clientWidth = window.clientWidth;
        })()
    };
}

猜你喜欢

转载自blog.csdn.net/lannieZ/article/details/115001612