Vue如何实现浏览器全屏展示功能，有简单方法吗？

本文共计427个文字，预计阅读时间需要2分钟。

1. 项目中使用的是screenfull插件。

2.安装命令：npm install --save screenfull

3.安装后，引入项目，使用按钮控制即可。

4.按钮方法：toggleFullscreen() { if (!screenfull.enabled) { this.$me...

1、项目中使用的是sreenfull插件，执行命令安装

npm install --save screenfull

2、安装好后，引入项目，用一个按钮进行控制即可，按钮方法如下：

toggleFullscreen() { if (!screenfull.enabled) { this.$message({ message: 'you browser can not work', type: 'warning' }) return false } screenfull.toggle() }

试了一下可以全屏，我用的chrome，IE9以下不要考虑

3、第一步完成之后就是怎么监听到全屏的变化，因为如果是通过Esc键退出全屏，此时是没办法监听到的。