您的当前位置:首页正文

vueuser useFullscreen放大屏幕

来源:华佗健康网

其实很简单啦。

官网:

//引入全屏方法
import { useFullscreen } from '@vueuse/core'
//进入全屏enter,退出全屏exit,切换全屏和退出全屏toggle,是否是全屏转态isFullscreen
const { isFullscreen, enter, exit, toggle } = useFullscreen()
<button  @click="toggle">
                    <FullScreen />
                </button>

以上就是完成了。

补充:

<el-icon class="icon"  @click="toggle">
                    <FullScreen  v-if="!isFullscreen"/>
                    <aim v-else/>
                </el-icon>

因篇幅问题不能全部显示,请点此查看更多更全内容