1、安装screenfull插件
cnpm i --save screenfull
//插播关于--save和--save-dev的小知识
a.dependencies是运行时依赖,devDependencies是开发时的依赖
b.--save会把依赖包名称添加到package.json文件dependencies下
c.--save-dev则添加到package.json文件devDependencies下
2、引入组件
import screenfull from "screenfull"
3、监听事件
mounted() {
//report是需要放大的元素的id
const element = document.getElementById("report");
//full_screen是放大按钮的id
document.getElementById("full_screen").addEventListener("click", () => {
if (screenfull.isEnabled) {
screenfull.request(element); // 元素全屏
}
});
}
//换手机号了,重发一次,每天一个小功能,脚踏实地,日渐富有!------一个给导师打工的小垃圾