Vue - 点击按钮使浏览器进入全屏解决方案

前言

每个浏览器都有全屏功能，使用 JS 也可以完成这个事件，可实现如下功能：

• 全屏时，退出全屏。
• 非全屏时，进入全屏。

实现代码

需要定义一个外部变量标识 isFullScreen ，然后在按钮上绑定 fullScreen 函数即可。

data(){
   
	return {
   
		isFullScreen: false,
	}
}

/*
 * 浏览器全屏方法
 * 使用方法: 绑定点击事件即可
 * @return void
 */
 fullScreen: function