vue全屏組件screenfull的使用

1.安裝依賴

npm install --save screenfull

2.在需要設置的頁面導入

import screenfull from "screenfull";

3.一個按鈕，一個點擊事件

@click="click

click() {
// 判斷是否支持
if (!screenfull.enabled) {
this.$message({
message: "不支持全屏",
type: "warning"
});
return false;
}

建議直接使用下方
screenfull.toggle();
}

    click(){

                 screenfull.toggle();//全屏顯示

        },

版權聲明：本文為CSDN博主「老大oba」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/weixin_42324665/article/details/106917095