vue全屏/非全屏展示
1.安装screenfull
npm install screenfull (yarn add screenfull)
2.在需要设置全屏按钮处引入
import screenfull from 'screenfull'
3.给按钮设置点击事件
<i
class="el-icon-full-screen"
style="font-size:24px;cursor: pointer;"
@click="toggleFullscreen"></i>
4.调用函数toggleFullscreen即可
//全屏
toggleFullscreen() {
screenfull.toggle()
},