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>
因篇幅问题不能全部显示,请点此查看更多更全内容