在vue項目中 如何實現 瀏覽器全屏


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里面的方法就可以退出來了
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM