前端页面设置全屏_前端设置浏览器全屏

1、安装 执行

npm install screenfull --save

2、在页面导入

import screenfull from 'screenfull'

3、设置点击按钮

4.写方法

            //全屏
			clickQp(){
				// if(!screenfull.enabled){
				// 	this.$message({
				// 		message:'当前浏览器不支持全屏',
				// 		type:'warning'
				// 	})
				// 	return false
				// }
				screenfull.toggle()
			},