Vueフルスクリーン表示効果実現

7959 ワード
1、プロジェクトで使用しているのはsreenfullプラグインです.コマンドインストールの第一歩を実行します.sreenfullプラグインをインストールします.コマンドラインで実行します.(注:これは生産依存なので、実行–save)もちろん、VueのGUIの依存オプションでscreenfullを直接検索してインストールすることもできます.
npm install screenfull  save

2、htmlコード

3、scriptコード

//      
import screenfull from "screenfull";
data() {
    return {
      isFullscreen: false
    };
  },
  methods: {
      //    
    isScreenFull() {
      //            !screenfull.enabled                              !screenfull.isEnabled      

      if (!screenfull.isEnabled) {
        //          ，       
        this.$message({
          message: "                ！",
          type: "warning"
        });
        return false;
      }
      screenfull.toggle();
    }
  }
};
</code></pre> 
  <p>      ，        。</p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1293191627967373312"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">
興味があるかもしれません
  • 100個の最新の無料の高匿HTTP代理IPを分かち合います
    mcj8089
    プロキシIP プロキシサーバ 匿名エージェント 無料エージェントIP 最新エージェントIP
  • mysql高度なプロパティのデータパーティション
    annan211
    java データ構造 mongodb パーティション mysql
  • JS正規表現でURLアドレスバーパラメータを簡単に取得
    chiangfai
    js アドレスバーパラメータ取得
  • Powerdesigner(ローカル・データベース・テーブル)にデータ・テーブルをコピーする方法
    Array_06
    powerDesigner
  • logbackのhelloworld
    飛ぶベスト
    ログ＃ログ＃ logback
  • 新浪微博爬虫シミュレーション上陸
    勝手に生まれる
    新浪微博
  • synchronized
    香水が濃い
    java thread
  • maven単純実用チュートリアル
    AdyZhang
    maven
    • アルファベットで分類:
    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z その他
    トップページ -
    私たちについて -
    構内検索 -
    Sitemap -
    権利侵害苦情
    著作権すべてのIT知識ベースCopyRight© 2000-2050 IT知識ベースIT 610.com , All Rights Reserved.
    京ICP備09083238号









    図の格納テンプレート
    MAC XcodeでOpenCVをインストールする