1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
| <template>
| <i :class="isFullScren ? 'icon-tuichuquanping' : 'icon-quanping'" @click="handleScreen"></i>
| </template>
| <script>
| import { mapGetters } from 'vuex';
| import { fullscreenToggel, listenfullscreen } from 'utils/util';
|
| export default {
| data() {
| return {
| fullscreenCleanup: null,
| };
| },
| computed: {
| ...mapGetters(['isFullScren']),
| },
| mounted() {
| this.fullscreenCleanup = listenfullscreen(this.setScreen);
| },
| beforeDestroy() {
| if (this.fullscreenCleanup) {
| this.fullscreenCleanup();
| this.fullscreenCleanup = null;
| }
| },
| methods: {
| setScreen() {
| this.$store.commit('SET_FULLSCREN');
| },
| handleScreen() {
| fullscreenToggel();
| },
| },
| };
| </script>
|
|
