本文實(shí)例為大家分享了vue-cli點(diǎn)擊實(shí)現(xiàn)全屏功能的具體代碼，供大家參考，具體內(nèi)容如下

創(chuàng)新互聯(lián)建站是一家企業(yè)級(jí)云計(jì)算解決方案提供商,超15年IDC數(shù)據(jù)中心運(yùn)營(yíng)經(jīng)驗(yàn)。主營(yíng)GPU顯卡服務(wù)器，站群服務(wù)器，光華機(jī)房服務(wù)器托管，海外高防服務(wù)器，成都機(jī)柜租用，動(dòng)態(tài)撥號(hào)VPS，海外云手機(jī)，海外云服務(wù)器，海外服務(wù)器租用托管等。

項(xiàng)目中有點(diǎn)擊按鈕實(shí)現(xiàn)全屏功能

方式一：js實(shí)現(xiàn)全屏

代碼如下：

方式二：使用的是sreenfull插件，執(zhí)行命令安裝

npm install --save screenfull

在使用的頁(yè)面正確引入：

import screenfull from ‘screenfull'

代碼如下：

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。