/
githubmirror
/
vue-element-admin
Обзор
Документация
Войти
/
githubmirror
/
vue-element-admin
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/Screenfull/index.vue
60 строк
1 KB
花裤衩
[release] 4.0.0 (#1291)
01 апр 2019, 12:07
Не верифицирован
01 апр 2019, 12:07
b94e69b
Код
Авторство
О чём код?
<template> <div> <svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" @click="click" /> </div> </template> <script> import screenfull from 'screenfull' export default { name: 'Screenfull', data() { return { isFullscreen: false } }, mounted() { this.init() }, beforeDestroy() { this.destroy() }, methods: { click() { if (!screenfull.enabled) { this.$message({ message: 'you browser can not work', type: 'warning' }) return false } screenfull.toggle() }, change() { this.isFullscreen = screenfull.isFullscreen }, init() { if (screenfull.enabled) { screenfull.on('change', this.change) } }, destroy() { if (screenfull.enabled) { screenfull.off('change', this.change) } } } } </script> <style scoped> .screenfull-svg { display: inline-block; cursor: pointer; fill: #5a5e66;; width: 20px; height: 20px; vertical-align: 10px; } </style>