index.vue
802 Bytes
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
36
37
38
39
40
41
<template>
<div class="setdata">
<Dec :content="content" />
<el-switch
v-model="layoutSwitch"
active-color="#13ce66"
inactive-color="#ff4949"
@change="switchChange"
/>
</div>
</template>
<script>
import { getLogoLayout } from '@/utils/auth'
import Dec from '@/components/Dec'
export default {
name: 'Setdata',
components: {
Dec
},
data() {
return {
content: '',
layoutSwitch: getLogoLayout() === 'topBottom'
}
},
methods: {
switchChange() {
if (this.layoutSwitch) {
this.$store.commit('user/SET_LOGOLAYOUT', 'topBottom')
} else {
this.$store.commit('user/SET_LOGOLAYOUT', 'leftRight')
}
console.log(this.$store.state.user.logoLayout)
}
}
}
</script>
<style scoped>
</style>