1 .我们做的项目可能有全屏功能的需求,其实这也比较容易实现。 以下介绍在screenfull.js中实现全屏功能。 无厘头当然是直接上码。
第一步:安装:
在命令行中运行: npm install --save screenfull (注意:这取决于生产,因此运行--save )
第二步:直接上代码:
template El-buttontype=' primary ' class=' button ' @ click=' button CLI '全屏/El-button/templatescriptimportscreeeeeeeeer 3 .点击时判断浏览器是否可以全屏显示,提示不能全屏显示,可以全屏显示screen full.toggle (导出默认值) data ) return (可全屏显示) this.$message ) (message3360 )不支持全屏显示)、type : ' warning ' } (return false ) screenfull.Toggle ) ) this.$
说明:浏览器报告了错误。 uncaught(inpromise ) typeerror : failedtoexecute ' request full screen ' on ' element ' : cannotconvertodictiong
解决方案:
在node_modules下的screenfull.js文件中,找到以下代码的一部分并将其修改为红色即可