在vue中使用screenfull 依赖,实现全屏组件方式

vue使用screenfull依赖,实现全屏组件

需求:将页面全屏化,实现按F11全屏的效果

实现：

1.下载screenfull依赖

npm install --save screenfull

2.在components文件夹下封装一个全屏组件FullScreen

 index.vue代码如下,直接cv就可以使用

在哪里需要调用这个组件，就可以通过组件调用的方式来直接调用

vue使用Screenfull全屏切换

1.在终端执行命令 npm install --save screenfull

2.在components文件中创建Screenfull文件里面的代码如下

3.在需要的用的页面引入我们的Screenfull文件

4.页面的使用方法

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持0133技术站。