浏览器中自带全屏功能,不过有兼容性问题,所以改用插件
使用screenFull插件来提供全屏功能
安装插件
npm i screenfull
使用插件
在全屏组件中引入 import screenfull from 'screenfull'
给icon 添加点击事件
<el-icon size="18px" @click="magnify"><full-screen /></el-icon>
const magnify = () => {
;(screenfull as any).toggle()
}
实现效果
因篇幅问题不能全部显示,请点此查看更多更全内容
Copyright © 2019- huatuo9.cn 版权所有 赣ICP备2023008801号-1
违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务