//给按钮添加handleRefresh 事件
<el-icon class="icon-btn" @click="handleRefresh"><Refresh /></el-icon>
//点击按钮实现刷新
const handleRefresh = () => location.reload();
点击按钮实现全屏
-
安装npm i @vueuse/core
-
在admin.vue引入useFullscreen;
-
定义 isFullscreen(是否是全屏状态), toggle (是否切换)
-
给按钮绑定判定是否全屏事件;
<template>
<el-tooltip effect="dark" content="全屏" placement="bottom-start">
<el-icon class="icon-btn" @click="toggle">
<FullScreen v-if="!isFullscreen" />
<Aim v-else />
</el-icon>
</el-tooltip>
</template>