vue中实现全屏以及对退出全屏的监听

前言:

       vue中实现默认进来页面,某个div全屏,并监听退出全屏的次数,当退出全屏次数达到5的时候跳转到别的页面。

目录

实现步骤:

1、页面上在你想要的容器上加上id = ‘con_lf_top_div’,再给他加个动态class名,加上提示和点击进入全屏按钮

 2、css部分,全屏后的部分需要单独加样式

3、js部分

data:

mounted初始化调用

methods定义方法:

完整源码:

更多资料:


实现步骤:

1、页面上在你想要的容器上加上id = ‘con_lf_top_div’,再给他加个动态class名,加上提示和点击进入全屏按钮

vue中实现全屏以及对退出全屏的监听_第1张图片