使用vue-admin-element全屏功能
1、确保在\src\components目录下有Screenfull文件。
2、在目标页面中引入。
template中:
<screenfull id="screenfull" class="right-menu-item hover-effect" />
script中:
import Screenfull from '@/components/Screenfull'
export default {
name: 'Main',
components: {
Screenfull
}
}
参考:https://www.cnblogs.com/flypig666/p/11856626.html
补充:如果想修改图标的颜色大小可以这样写:
<screenfull
id="screenfull"
class="right-menu-item hover-effect"
style="color: #f4f4f5;font-size: 40px;" />