如何用Vue实现网页全屏浏览功能？

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

项目中使用的是screenfull插件，安装命令为`npm install --save screenfull`。安装完成后，引入项目，使用按钮进行控制。按钮方法如下：

javascripttoggleFullscreen() { 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键退出全屏，此时是没办法监听到的。