首页 > 编程知识 正文

bootstrap和vue哪个好,vue大屏展示项目实例

时间:2023-05-04 06:40:31 阅读:131014 作者:4012

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文件中,找到以下代码的一部分并将其修改为红色即可

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。