vue里怎么实现全屏、退出全屏功能?
解决方案采用screenfull.js进行处理CDN网站地址:https://www.bootcdn.cn/screenfull.js/github地址:https://github.com/sindresorhus/screenfull.js示例可以参考 github 上的 readme.md 文件。参考代码1、第一步:安装依赖npm install screenfull --sa...
·
解决方案
采用screenfull.js
进行处理
CDN网站地址:https://www.bootcdn.cn/screenfull.js/
github地址:https://github.com/sindresorhus/screenfull.js
示例可以参考 github
上的 readme.md
文件。
参考代码
1、第一步:安装依赖
npm install screenfull --save
2、第二步:编写代码
<template>
<div @click="getFullCreeen">
</div>
</template>
<script>
// https://github.com/sindresorhus/screenfull.js
// 引入screenfull
import screenfull from 'screenfull'
export default {
data () {
return {
}
},
methods: {
// 全屏事件
getFullCreeen () {
if (screenfull.isEnabled) {
screenfull.toggle()
}
}
}
}
</script>
更多推荐
已为社区贡献24条内容
所有评论(0)