このプロジェクトは、全画面表示を実現したボタンの機能をクリックしてください
方法：JSフルスクリーン
代码如下：
<テンプレート>
の<div>
<Aボタンタイプ=クリック= "画面" @ "主">全屏</ボタン>
</ div>
</テンプレート>
<スクリプト>
エクスポートデフォルト{
名： "インデックス"、
データ（）{
リターン{
フルスクリーン：偽
}
}、
メソッド：{
画面（）{
要素=はdocument.firstChildせ;
IF（this.fullscreen）{
（document.exitFullscreen）{もし
document.exitFullscreen（）。
}他（document.webkitCancelFullScreen）{もし
document.webkitCancelFullScreen（）。
}他（document.mozCancelFullScreen）{もし
document.mozCancelFullScreen（）。
}他（document.msExitFullscreen）{もし
document.msExitFullscreen（）。
}
}そうでなければ{
（element.requestFullscreen）{もし
element.requestFullscreen（）。
}他（element.webkitRequestFullScreen）{もし
element.webkitRequestFullScreen（）。
}他（element.mozRequestFullScreen）{もし
element.mozRequestFullScreen（）。
}そうであれば（element.msRequestFullscreen）{
// IE11
element.msRequestFullscreen（）。
}
}
this.fullscreen = this.fullscreen！;
}
}
}
</ SCRIPT>
<スタイルは、スコープ>
</スタイル>
第二の方法：sreenfullプラグインを使用して、インストールするコマンドを実行します
NPMインストール--save screenfull
ページの導入の正しい使い方：
「screenfull」からインポートscreenfull
代码如下：
<テンプレート>
の<div>
<Aボタンタイプ=クリック= "画面" @ "主">全屏</ボタン>
</ div>
</テンプレート>
<スクリプト>
'screenfull'からインポートscreenfull
輸出デフォルト{
名： "自宅"、
データ（）{
リターン{
//默认不全屏
isFullscreen：偽
}
}、
方法：{
スクリーン（）{
全画面に入ることができた場合、//、プロンプト発行できません
（screenfull.enabled！）IFを{
メッセージこの$（「あなたのブラウザは完全なことができません」）;
リターン偽
}
screenfull.toggle（） ;
。$このmessage.success（ 'フルスクリーンをラ・'）
}
}
}
</ SCRIPT>
<スタイルは、スコープ>
</スタイル>