请教大佬一个进入全屏的前端问题

[tysb777]

base vue

引用了 echarts ，当屏幕进入全屏后，会出现图标放大但部分不显示问题，随即想到使用刷新页面的方式进行。但是当进入全屏 刷新页面 浏览器又会退出全屏。

let docElm = document.documentElement;
if (docElm.requestFullscreen) {
	docElm.requestFullscreen();
} else if (docElm.msRequestFullscreen) {
	docElm.msRequestFullscreen();
} else if (docElm.mozRequestFullScreen) {
	docElm.mozRequestFullScreen();
} else if (docElm.webkitRequestFullScreen) {
	docElm.webkitRequestFullScreen();
}

有没有可以解决刷新页面不退出全屏的方法呢？

[slmaaw]

echarts 自身有强制刷新的 api 吧

[tysb777]

@slmaaw 用的 uniapp 刷新 api 不完美么

[slmaaw]

@tysb777 刷新页面的目的不是为了刷新 echarts 么？但是刷新页面会丢失页面状态吧

[flytsuki]

试试 this.$forceUpdate()重新渲染看看

[tysb777]

@slmaaw [url=https://imgse.com/i/xcx2ZV][img]https://s1.ax1x.com/2022/10/22/xcx2ZV.png[/img][/url] 放大就成这个样子了

[slmaaw]

@tysb777 感觉 echarts 的 resize 方法调用一下就行了