在我们做项目的过程中,会出现要求点击显示全屏的效果。 方法如下。 使用屏幕完整
安装yarn add完整屏幕@5.0. 0
2 .导入importscreenfullfrom ' screen full '
screenfull .toggle ()在全屏和非全屏之间切换
在使用的时候判断浏览器支不支持全屏模式
支持的话就使用插件screenfull .toggle() 全屏与非全屏切换
methods: { //触发全屏模式的方法svgClick ()//如果浏览器分支确定不支持使用全屏模式---向用户呈现if! screenfull.isenabled(//此时无法使用全屏this.$message.warning ) (此时无法使用全屏组件) (return )//如果可用,则全屏screen fing