Fullscreen for Vue, with native and page-only modes.
English documentation · 中文文档 · Live demo / 在线演示
npm install vue-fullscreen # Vue 3 (5.x)
npm install vue-fullscreen@legacy # Vue 2 (4.x)Supports Vue 3.0+ and Vue 2.4+. For upgrades from older major versions, see the Vue 3 migration guide or Vue 2 migration guide.
Vue 3.2+:
<script setup>
import { ref } from 'vue'
import { Fullscreen } from 'vue-fullscreen'
const isFullscreen = ref(false)
</script>
<template>
<Fullscreen v-model="isFullscreen">
<button @click="isFullscreen = !isFullscreen">Toggle fullscreen</button>
</Fullscreen>
</template>For Vue 2, directives, API usage and more examples, see the Vue 3 guide or Vue 2 guide.