1.下载插件
建议下载指定版本5.1.0，不然可能有一个报错 代码语言：javascript复制npm install --save screenfull@5.1.02.页面引入
代码语言：javascript复制import screenfull from "screenfull"页面全屏3.在标签上绑定点击事件
代码语言：javascript复制
全屏/退出全屏
4.在methods中写方法代码
代码语言：javascript复制handleFull() {
if (screenfull.isEnabled) {
// 加个判断浏览器是否支持全屏
screenfull.toggle(); // 切换全屏状态
} else {
console.log("您的浏览器不支持全屏");
}
}页面全屏5.在标签上绑定点击事件
代码语言：javascript复制
指定元素全屏
6.在methods中写方法代码
代码语言：javascript复制container() {
const element = document.getElementById("demo"); // 指定全屏元素
if (screenfull.isEnabled) {
screenfull.request(element);
this.elementFull = !this.elementFull; // 判断状态 决定是全屏还是退出全屏
if (this.elementFull) {
screenfull.toggle(); //全屏/退出全屏切换
}
}
}完整代码代码语言：javascript复制
全屏/退出全屏
指定元素全屏