1、首先 安裝依賴 screenfull.js 可以用 npm cnpm yarn 安裝都可以
例如 : yarn add screenfull
2、然后在需要 vue組件里面 引入
import screenfull from 'screenfull'
3、在methods方法 里添加這個 就可以了
screenfull.toggle()
4、這段代碼有點不靠譜
if (!screenfull.enabled) { // 如果不允許進入全屏,發出不允許提示
return false
}
不需要判斷也可以全屏 ,還有就是 再次使用methods里面的方法就可以退出來了