vue 实现组件全屏展示及退出
采用 vue-fullscreen 组件
<fullscreen ref="fullscreen" @change="fullscreenChange" background="#ffffff">
<div style="position: relative;" class="div-main" ref="main_div">
<Icon :type="!fullscreen? ‘ios-expand‘ : ‘ios-contract‘" size="30" class="expand-icon" @click="toggle" />
需要全屏展示的内容
</div>
</fullscreen>
详细代码示例：https://download.csdn.net/download/you199037/15562304
参考地址：
https://github.com/mirari/vue-fullscreen
原文：https://www.cnblogs.com/BillyYoung/p/14480899.html