安装
npm install vue-fullscreen
使用
<template>
<div id="app">
<fullscreen :fullscreen.sync="fullscreenType">
<div>需要全屏的内容</div>
</fullscreen>
<button type="button" @click="fullscreenTypeChange" >全屏</button>
</div>
</template>
<script>
import fullscreen from 'vue-fullscreen'
import Vue from 'vue'
Vue.use(fullscreen)
export default {
methods: {
fullscreenTypeChange() {
this.fullscreenType= !this.fullscreenType
}
},
data() {
return {
fullscreenType: false
}
}
}