screenfull.js實現全屏功能


在vue中使用screenfull.js實現網頁全屏:

1、npm 下載到項目中:npm install --save screenfull

2、在需要用到的組件中引入:import screenfull from 'screenfull'

3、定義全屏點擊方法:

1

  data(){

    return{

      isFullscreen: false, //默認不全屏

    }

  }


/** 2 * 全屏 3 */ 4 clickFullscreen() { 5 if (!screenfull.isEnabled) { 6 this.$message({ 7 message: "you browser can not work", 8 type: "warning" 9 }); 10 return false; 11 } 12 screenfull.toggle(); 13 },

參考:https://blog.csdn.net/qq_39009348/article/details/81144121


免責聲明!

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



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